केंडो यूआई - ग्रिड पेजिनेशन (सर्वर साइड)

Question

मैं पेजिंग के साथ केंडो-यूआई ग्रिड का उपयोग करने की कोशिश कर रहा हूं। सब कुछ कुल विशेषता के लिए काम करने की अपेक्षा करता है, हालांकि मैंने इसे 100 तक सेट किया है, यह 10 आइटमों में से 1 - 10 दिखाता है जो पेज आकार मैं सेट कर रहा हूं। किसी के साथ इस में बेहतर सफलता थी? मैंने बिना किसी सफलता के केंडो दस्तावेज़ और मंच खोजे।

@(Html.Kendo().Grid(Model) 
.Name("Grid") 
.Columns(columns => 
{ 
    foreach (System.Data.DataColumn column in Model.Columns) 
    { 
     columns.Bound(column.ColumnName); 
    } 
}) 
.Pageable() 
.Sortable() 
.Scrollable() 
.Filterable() 
.Groupable() 
.DataSource(dataSource => dataSource 
    .Ajax() 
    .PageSize(10) 
    .Total(100) 
    .Model(model => 
     { 
      foreach (System.Data.DataColumn column in Model.Columns) 
      { 
       model.Field(column.ColumnName, column.DataType); 
      }     
     }) 
    .Read(read => read.Action("Read", "Controls")) 
) 

)

धन्यवाद

Answer 1

As explained in the documentation जब serverPaging सक्षम किया गया है आप अपने स्कीमा में कुल निर्दिष्ट करने की आवश्यकता है और आप यह भी कहा कि कुल हर बार जब आप वास्तव में इस जगह स्कीमा द्वारा निर्दिष्ट पर सर्वर से प्रतिक्रिया लौट लौटना ही होगा।

dataSource: { 
    serverPaging: true, 
    schema: { 
     data: "data", 
     total: "total" 
    }, 
    //... 

उसी पर चर्चा की गई है here।

निम्नलिखित example देखें।

Answer 2

मूल उदाहरण के लिए, "कुल" के अनुसार स्वचालित रूप से मान्यता प्राप्त हो जाएगा, और आप को दिखाने के लिए प्रति पृष्ठ 100 परिणाम "PageSize" में सेट के बजाय चाहते हैं ।

Answer 3

आप ASP.NET MVC के लिए केंडो रैपर उपयोग करते हैं, को जोड़ने पर विचार:

.EnableCustomBinding(true) 

के रूप में इस article में विस्तार से बताया, कस्टम बंधन में निर्मित पेजिंग/छँटाई सुविधाओं बायपास करने के लिए अनुमति देता है। इस तरह, कुल मिलाकर लिया जाएगा।

Answer 4

ठीक है, आपको अपनी प्रतिक्रिया में कुल फ़ील्ड पास करने की आवश्यकता है।

की तरह आपका दृश्य हो सकता है:

@(Html.Kendo().Grid<YourViewModel>() 
     .Name("grid") 
     .DataSource(dataSource => dataSource   
      .Ajax() 
      .PageSize(20) 
      .ServerOperation(true) 
      .Read(read => read.Action("Data_Read", "YourController", new {Id=Model.CurrentId})) 
     ) 
     .Columns(c => 
     { 
      c.Bound(x => x.Name); 
      c.Bound(x => x.CreatedTime); 
     }) 
     .Pageable() 
     .Sortable() 
) 

आपका कार्रवाई के रूप में नीचे दिए गए कोड:

public ActionResult Data_Read([DataSourceRequest]DataSourceRequest request, int Id) 
     { 
      int total = yourQuery.GetTotal(Id); 

      var returnViewModel = yourQuery.GetViewModels(Id, request.Page, request.PageSize); 


      return Json(new 
      { 
       Data = returnViewModel, 
       Total=total 
      }); 
     } 

अनुरोध देखें और फ़िडलर में प्रतिक्रिया कैसे जादू होता है आप देखेंगे: अनुरोध: प्रकार = सत्र Id-asc & पृष्ठ = 7 & पृष्ठ आकार = 20 & समूह = & फ़िल्टर =

वह DataSourceRequest प्रारूप है जो ग्रिड नियंत्रक को पास करता है; इसमें पहले से ही पेजिंग के लिए आवश्यक पैरामीटर शामिल हैं।

कार्रवाई से प्रतिक्रिया देखें और आप देखेंगे कि सभी रिकॉर्ड वाले डेटा फ़ील्ड हैं। केंटो ग्रिड के पेजिंग के लिए आवश्यक सभी रिकॉर्ड्स के लिए कुल क्षेत्र कुल राशि है।