title: Unable to bind Kendo ListView in MVC
body: <p>I am trying to bind Kendo Listview in my MVC 4.0 project, but I am unable to bind the Listview. There is no error but The listview div is shown to be empty. I do not know where the things have gone wrong.Below is my code:</p>
  
  <p><strong>View Page</strong></p>
  
  <pre><code>@{
      ViewBag.Title = "Courses";
  }
  @using Kendo.Mvc.UI
  @model K_SampleProject.Models.CourseModel
  
  &lt;h2&gt;Courses&lt;/h2&gt;
  &lt;div class="bodywrap"&gt;
      &lt;div class="CommonClass" style="padding-bottom: 3%;"&gt;&lt;a href="/Home/Registration"&gt;Back&lt;/a&gt;&lt;/div&gt;
      &lt;div class="CommonClass"&gt;
          @( Html.Kendo().ListView(Model.CourseList)
            .Name("listView")
            .TagName("div")
            .ClientTemplateId("template")
            .DataSource(datasource =&gt; datasource
            .Model(model =&gt;
            {
                //The unique identifier (primary key) of the model is the ProductID property
                model.Id(p =&gt; p.pkCourseId);
  
                // Declare a model field and optionally specify its default value (used when a new model instance is created)
                model.Field(p =&gt; p.CourseName).DefaultValue("N/A");
  
                // Declare a model field and make it readonly
                model.Field(p =&gt; p.Fee).Editable(false);
            })
  )
      .Pageable()
           )
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/x-kendo-tmpl" id="template"&gt;
      &lt;div class="product"&gt;
          &lt;h3&gt;#:CourseName#&lt;/h3&gt;
          &lt;p&gt;#:kendo.toString(Fee, "c")#&lt;/p&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Model</strong></p>
  
  <pre><code>public class CourseModel
  {
      public List&lt;CourseListModel&gt; CourseList { get; set; }
      public int? CourseID { get; set; }
      public string CourseName { get; set; }
      public int? FEE { get; set; }
  }
  </code></pre>
  
  <p>Below is my Registration Service:</p>
  
  <pre><code>public class RegistrationService
  {
      public List&lt;CourseListModel&gt; GetCourseDetail()
      {
          using (testEntities objContext = new testEntities())
          {
              return objContext.tbl_Courses.Select(p =&gt; new CourseListModel
              {
                  CourseName = p.CourseName,
                  Fee = p.Fee,
                  pkCourseId = p.pkCourseId
              }).ToList();
          }
      }
  }
  </code></pre>
  
  <p><strong>Controller</strong></p>
  
  <pre><code>  public ActionResult Courses()
    {
        RegistrationService ObjService = new RegistrationService();
        CourseModel Model = new CourseModel();
        Model.CourseList = ObjService.GetCourseDetail();
        return View(Model);
    }
  </code></pre>
  
  <p>I have already binded the list view with Model.CouseList which is filled when the page loads.So,is it also necessary to give READ Event in the datasource as shown in documentation of kendo ListView demo and Also this <a href="http://www.telerik.com/forums/how-to-specify-templates-in-listview" rel="nofollow noreferrer">Link</a>. </p>
  
  <p>I'm totally confused with it's binding. I have checked the template also but it is same as it is in kendo <a href="http://demos.telerik.com/aspnet-mvc/listview/index" rel="nofollow noreferrer"> documentation</a></p>