title: Asp.net with MVC Partial view and models
body: <p>I have totally 5 models in my application. I have an "index.cshtml" page which has kendo panel bar. I referred each model in each kendo panel bar. So instead of doing like this now I want group all this 5 models into a single class files as "Mainmodel". Also I should pass only this model to controller. controller which in turn separate this models into 5 model.</p>
  
  <pre><code>public class MainModel
  {
    public Model1 firstmodel{get; set;}
    public Model2 secondmodel{get; set;}
    public Model3 thirdmodel{get; set;}
    public Model4 fourthmodel{get; set;}
    public Model5 fifthtmodel{get; set;}
  }
  </code></pre>
  
  <p>I want to use this "main" model in view. how to do this.??</p>
  
  <pre><code>    public class Model1
      {
      public string name {get; set;}
      }
     public class Model2
      {
      public string DOB{get; set;}
      }
  
  //index.cshtml
  
      @model mvc.Models.MainModel
  
      @using (Html.Beginform("SaveData","Home"))
      {
        @html.kendo().panelbar()
        .items()
      {
        items.add()
         .content(@html.textboxfor(x=&gt; x. /// here I did not get any properties that I have created name,DOB
  
  
      }   
  
   //My controller
  
      [httppost]
      public Actionresult SaveData(MainModel mainmodel)
      {
      retun view("Index",mainmodel);
      }
  </code></pre>
  
  <p>How to use this properties in MainModel inside index.cshtml?</p>