Огромные данные, не привязанные к сетке Кендо

Question

Я просто использую сетку кендо в своем приложении, и мне нужно показать 2500 записей компании в сетке. но когда я пытаюсь связать меньше данных, как 200 его работу хорошо, но когда я пытаюсь связать 2500 записей не отображающие какие-либо данные («Нет для отображения»)

Сетки для отображения:

<div id="divSearchResult" > 

</div> 

кендо обязывать:

<script> 
     function BindGridSearchResult(data) 
     { 
      $("#divSearchResult").kendoGrid({ 
       dataSource: data, 
       navigatable: true, 
       pageable: true, 


       //toolbar: ["create", "save", "cancel"], 
       columns: [ 

        { field: "UnitID", title: "UnitID", width: 110, hidden: true }, 
        { field: "Nickname", title: "Nickname", width: 110 }, 
       { field: "ContractNumber", title: "ContractNumber", width: 110 }, 
     { field: "SerialNumber", title: "SerialNumber", width: 110 }, 
     { field: "UnitPriority", title: "UnitPriority", width: 110 }, 
     { field: "Address1", title: "Address1", width: 110 }, 
     { field: "City", title: "City", width: 110 }, 
     { field: "Region", title: "Region", width: 110 }] 


      }); 

     } 
    </script> 

Ajax вызова для получения данных:

$.ajax({ 
      url: "/Admin/GetSearchUnit", 
      data: Data, 
      success: function (result) 
      { 
       debugger; 
       BindGridSearchResult(result); 
       //alert("Success"); 
      }, 
      erro: function (error, err) { 
       alert("Failed"); 
      }, 

     }) 

Меньше данных:

Огромные данные:

пожалуйста, помогите мне из этого вопроса ..

ThankYou заранее ..

Answer 1

Вы можете использовать Ajax связывания с пейджинговым кодом, который находится вне коробки для сетки Кендо следующим образом:

@(Html.Kendo().Grid<SearchUnit>() 
    .Name("divSearchResult") 
    .DataSource(dataSource => dataSource // Configure the grid data source 
     .Ajax() // Specify that ajax binding is used 
     .Read(read => read.Action("GetSearchUnit", "Admin")) 
    ) 
    .Columns(columns => 
    { 
     columns.Bound(searchunit => searchunit.ID); 
     columns.Bound(searchunit => searchunit.Name); 
    }) 
    .Pageable() // Enable paging 
    .Sortable() // Enable sorting 
) 

Таким образом, вы можете получить данные в страницах, вот как следует реализовать на стороне сервера:

public ActionResult GetSearchUnit([DataSourceRequest]DataSourceRequest request) 
{ 
    using (var _db = new DatabaseEntities()) 
    { 
     IQueryable<SearchUnit> unitslist = _db.units; 
     DataSourceResult result = unitslist.ToDataSourceResult(request); 
     return Json(result); 
    } 
}