格子的淘汰赛剑道寻呼机有问题答案

【问题标题】：Something wrong with knockout-kendo pager of gird格子的淘汰赛剑道寻呼机有问题
【发布时间】：2014-02-21 05:52:03
【问题描述】：

我正在使用网格，一切都很完美：我可以更新删除和添加行，并且更改会立即更新但我的寻呼机有问题：即使在示例页面中 http://rniemeyer.github.com/knockout-kendo/web/Grid.html

，当网格中的记录少于一个 pageSize 时：寻呼机上的消息是：“NaN - NaN of 3 items”（这是错误的，它必须像“1 - 1 of 3 items”）有什么办法可以解决这个小问题吗？

感谢转发

【问题讨论】：

有趣，您尝试过最新版本吗？听起来应该被覆盖。
正如我所写 - 问题甚至在网站的“示例”中（所以我认为它是最新的）

标签： knockout.js kendo-ui

【解决方案1】：

问题是因为pageSize 没有定义。为了演示它，定义一个将id 设置为网格的网格。然后添加以下 HTML 标签：

<a id="fix" href="#" class="k-button">Fix</a>

以及以下 JavaScript 代码：

$("#fix").on("click", function () {
    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.pageSize(2);
});

您会看到它最初显示NaN - NaN of 3 items，但一旦您在修复button 上click，它将显示1 - 2 of 3 items。

【讨论】：

【解决方案2】：

首先，非常感谢 OnaBai，你帮了我很大的忙。同时我发现了另一个技巧，用 knockoutjs customHandler 方式编写相同的东西：

 <div id="parcels_Grid" data-bind="kendoGrid:{ dataSource:
 {data:someData
 ,pageSize:3} 
 ,data:someData, rowTemplate: 'rowParcelTmpl', altRowTemplate:   
 'altParcelTmpl',   useKOTemplates: true }"> </div>

注意，您必须指定“dataSource”和“data”属性（否则它应该不起作用）

【讨论】：

谢谢。我实际上删除了 data: someData 内的 dataSource 声明，它对我来说也很好。我更喜欢这个，因为它使所有内容都保持声明性。

【解决方案3】：

<div id="grid" class="grid" data-bind="kendoGrid: {
data: Reminderlist, scrollable: false, resizable: true, selectable: false, scrollable: false, sortable: true, selectable: 'multiple cell', pageable: true, groupable: true, dataSource: { pageSize: 20 },
                           columns: [{ field: 'Duration', title: 'Duration' },
                                     { field: 'Subject', title: 'Subject' },
                                     { field: 'EmailMessage', title: 'Email Message' },
                                     { field: 'SMSText', title: 'Message Text' }
                                    ], change: GridChange
}">
</div>

dataSource: { pageSize: 20 } 这样指定....

如果你只提到这样的pageSize: 20，它在某些情况下不起作用

【讨论】：