Bir kendogrid'de sayfalama nasıl devre dışı bırakılır

Question

Kendo grid kullanıyoruz. Cshtml dosyasımda ve js dosyamda bir tablo oluşturdum, veriye bağlarım. Benim sorunum, ızgara çağrılarının gitmemesi. Çok fazla yük beklemediğimizden, sayfadaki tüm öğelere ihtiyacım var. Pageable özelliğini kaldırmayı denedim ve pageable: false işaretlemeyi denedim. Ama yine de, kılavuzun bir sayfada sadece 10 öğe görüntülediğini ve çağrıyı verdiğini görüyorum.

this.pager.element.hide()'u kullanarak, çağrı cihazını gizleyebiliriz ancak çağrı cihazı gizlendiğinden ancak çağrı hala yapılmakta olduğundan bu amacı çözmüyoruz. Öyleyse, şimdi, 11. elemandan başlayan elemanlar, en üstteki sayfada yer alıyor, ancak biz onu seyredemeyiz.

İşte mevcut kod. Tablodaki alakasız sütunları kaldırdım. .CSHTML Dosya:

<table style="width: 100%;" class='list-entity' id='inboxItems'> 
       <thead> 
        <tr> 
         <th data-field='Actions' class="iconCell" style='width: 1%'>&nbsp;</th> 
         <### THERE ARE MORE COLUMNS HERE AND THOSE HAVE CORRESPONDING COLUMNS IN SETTINGS ###>  
        </tr> 
       </thead> 
      </table> 

JS Dosya:

var settings = { 
     kendosettings: { 
      dataSource: { 
       data: requestItemsList, 
       schema: { 
        // required if get method will be used 
        model: { 
         id: "StepApproverKey" 
        } 
       }, 
       group: [ 
        { 
         field: "GroupByAttribute", 
         dir: "asc", 
         aggregates: 
         [ 
          { field: "GroupByAttribute", aggregate: "count" }] 
        }] 
      }, 
      sort: { field: "SubmittedOn", dir: "desc" }, 
      sortable: true, 
      pageable: false, 
      scrollable: false, 
      columns: [ 
       { 
        field: "Actions", 
        title: "Actions", 
        template: kendo.template($("#inboxrowEditTemplate").html()) 
       }, 
       { field: "StepApproverKey", hidden: true }, 
       { 
        field: "GroupByAttribute", 
        hidden: true, 
        groupHeaderTemplate: kendo.template($("#inboxrowgroupHeaderTemplate").html()), 
        headerAttributes: { 
         style: "width: 100%" 
        } 
       } 
      ], 
      selectable: "row", 
     } 
    }; 
    $('#inboxItems').pdi().displaygrid(settings); 

Answer 1

Ben Kendo forumunda bu yayınlanmıştır ve biz çözmek tek yolu görünüyor dinamik sonra ızgaranın sayfa boyutunu ayarlamak ve etmektir Çağrı cihazını sakla. Bizim durumumuzda, tek bir yük üzerindeki tüm öğeleri istediğimizden, onu müşteriye gönderilen listenin uzunluğuna ayarladık. Aşağıda kullandığım kod ve çalışıyor.

var inboxGrid = $('#inboxItems').data("kendoGrid"); 
inboxGrid.dataSource.pageSize(<NUMBER OF ITEMS IN THE LIST>); 
inboxGrid.refresh(); 
inboxGrid.bind("dataBound", function() { 
       this.pager.element.hide(); 
     }); 

Answer 2

kullanma:

inboxGrid.bind("dataBound", function() { 
      this.pager.element.hide(); 
    }); 

benim için çalışmadı. Belki de ızgarayı görüntülemek için Razor ve MVC kullanıyorum, ya da belki de CSS için Bootstrap kullanıyoruz, bilmiyorum. Ancak bunu yaptım, yerine: