劍道UI電網：分頁不工作

我有一個表：劍道UI電網：分頁不工作

<table id="grid"> 
<thead> 
    <tr><th data-field="name">Name</th></tr> 
</thead> 
<tbody> 
    <tr><td>name 1</td></tr> 
    <tr><td>name 2</td></tr> 
    ... 
</tbody> 
</table>

這就是它是如何inialized：

$('#grid').kendoGrid({ 
    scrollable: false, 
    sortable: true, 
    autoBind: true, 
    columns: [ { field: 'name' } ], 
    pageable: { 
     buttonCount: 5, 
     pageSizes: [10, 20, 50, 100, 200] 
    }, 
    pageSize: 20 
});

當加載頁面時，網格顯示的所有元素。例如，如果有500個元素，則全部顯示。頁碼等於1，但沒有突出顯示。 PageSize切換器顯示「500」。當我點擊PageSize切換器並將其更改爲任何值時，分頁開始工作。或者如果我點擊上一頁/下一頁圖標，它也可以工作。它怎麼能被修復？

現在我用這個：

if ($grid.data("kendoGrid")) { 
    $grid.data("kendoGrid").dataSource.page(1); 
}

但我不知道它的不夠好。

來源

2013-04-09 user1820034

你知道如何解決這個問題嗎？我遇到了同樣的問題。 – F0rgiven 2013-11-01 22:22:25

一個觀察結果是，您缺少表示元素總數的Total值。示例可以是模式：總計：函數（響應）{ 返回100000000; } – Nishant 2015-11-05 17:28:54

-1

試試這個

$('#grid').kendoGrid({ 
    scrollable: false, 
    sortable: true, 
    autoBind: true, 
    columns: [ { field: 'name' } ], 
    pageable: { 
        refresh: true, 
        pageSizes: true 
        }, 
    pageSize: 20 
});

來源

2013-04-09 13:03:06

也不起作用... – user1820034 2013-04-09 13:13:44

請檢查此項：http://jsfiddle.net/F6ghT/194/ – 2013-04-09 13:27:44

不起作用，不幸的是， – user1820034 2013-04-10 07:18:34

pageSize的是數據源不kendoGrid的屬性，雖然劍道文檔（今天的）具有的pageSize作爲KendoGrid的財產，在他們的榜樣，你會看到它在數據源。

不要混淆在正確位置的「pageSizes」。

來源

2014-05-06 23:35:18

劍道UI電網：分頁不工作

回答

相關問題