title: Kendo Ui web Listview
body: <p>I am using Listview of kendo ui. I have no server wrapper class I am using the free web version.
  My controller code is given below:</p>
  
  <pre><code>public ActionResult Index()
          {
  
              return View();
          }
  
  
  
  public ActionResult GetCandidateSearch()
          {
              IhrmsEntities Entity = new IhrmsEntities();
              List&lt;VW_CANDBASICSEARCH&gt; lstCandidateSearch = Entity.VW_CANDBASICSEARCH.Take(50).ToList();
              return Json(lstCandidateSearch,JsonRequestBehavior.AllowGet);
          }
  </code></pre>
  
  <p>My index.cshtml</p>
  
  <pre><code>&lt;div&gt;
   @Html.Partial("~/Views/Home/PvCandidateBasicSearch.cshtml")
  &lt;/div&gt;
  </code></pre>
  
  <p>My PvCandidateBasicSearch.cshtml</p>
  
  <pre><code>&lt;div class="gridHolder" style="width: 100%"&gt;
      &lt;div id="listCandidateView" class="itemDisplay"&gt;&lt;/div&gt;
      &lt;div id="pager"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/x-kendo-tmpl" id="template"&gt;
      &lt;div class="itemDisplay"&gt;
          &lt;div class="text-label"&gt;${CAND_NAME} &lt;/div&gt;
          &lt;div class="text-label"&gt;${CAND_LOCATION} &lt;/div&gt;
          &lt;div class="text-label"&gt;${CAND_MOBILE} &lt;/div&gt;
          &lt;div class="text-label"&gt;${CAND_PRE_EMAIL} &lt;/div&gt;
          &lt;div class="text-label"&gt;${CAND_SKILL} &lt;/div&gt;
          &lt;div class="text-label"&gt;${CAND_CITY} &lt;/div&gt;
          &lt;a href="/Home/EditCandidate?id=${CAND_ID}" &gt;Edit&lt;/a&gt;
         &lt;a href="/Home/DeleteCandidate?id=${CAND_ID}" &gt;Delete&lt;/a&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  
  
  
  
  
  
  &lt;style type="text/css"&gt;
      .text-label {
          font-size: large;
      }
  
  
  
   .itemDisplay {
   margin: auto;
   padding: 6px 8px;
   width:auto;
   min-width:200px;
   height: auto;
   min-height:100px;
   border: 1px solid #999999;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   font-weight: normal;
   background: #deefff;
  }
  
      .gridHolder{width: 100%; height:auto; min-height:300px; margin:auto;}
  &lt;/style&gt;
  </code></pre>
  
  <p>My javascript code in layout.cshtml is given below</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      var dataSource = new kendo.data.DataSource({
  
          transport: {
              read: {
                  url: '/Home/GetCandidateSearch',
                  type: "GET",
                  dataType: "json"
  
              }
          },
          pageSize: 15
  
      });
  
      $("#pager").kendoPager({
  
          dataSource: dataSource
      });
  
      $("#btnSearch").click(function () {
  
  
          LoadListView();
  
      });
      function LoadListView() {
  
  
          $("#listCandidateView").kendoListView({
  
              dataSource: dataSource,
              pageable: true,
              template: kendo.template($("#template").html())
          });
  
  
      }
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>when I first click search button it is perfectly going to the GetCandidateSearch action method and showing result.But when I second time clicking  search button it is not going the action method. Plz help me.</strong></p>