koGrid totalServerItems

Question

我在网格中遇到了这个值的问题。

看起来它没有将我传递给网格配置的观察值与总条目一起使用。

我在三个不同的选项卡中有三个koGrids。它们都使用相同的初始化：

data-bind="koGrid: {data: records,
                                         autogenerateColumns: false,
                                         isMultiSelect: false,
                                         displayRowIndex: false,
                                         displaySelectionCheckbox: false,
                                         enablePaging: true,
                                         pageSizes: pageSizes,
                                         pageSize: pageSize,
                                         totalServerItems: totalItems,
                                        footerTemplate: 'koGridDebugFooter',
                                         currentPage: currentPage,                                        
                                         columnDefs:[
                                            {field: 'Created', width:300},
                                            {field:'Name', width:300},
                                            {field: 'Value', width:300}                                            
                                         ]} ">

我在服务器中有12行，当我将页面大小指定为10时，服务器项目总数仍为10，因此导航按钮保持禁用状态。

如果我添加一个带有我的视图模型的值的标签，即viewmodel.totalServerItems，它包含的值是正确的(12)，但是页脚显示了一个不同的值(10)。

我已经在kogrid的定义中修改了这些行：

/***********************************************
* FILE: ..\Src\GridClasses\Footer.js
***********************************************/
kg.Footer = function (grid) {
    var self = this;

    this.maxRows;

    //if (grid.config.totalServerItems() !== null && grid.config.totalServerItems() !== undefined) {
        this.maxRows = grid.config.totalServerItems; //observable
    //} else {
    //    this.maxRows = grid.maxRows; //observable
    //}

所以现在我总是将可观测值设置为这个参数。我看到的唯一风险是调用者没有设置参数。但我一直都在这么做。

我做错了什么吗？你知道另一种解决方案吗？

谢谢!

Answer 1

totalServerItems位于这样的分页位置中：

self.PagingOptions = {
            pageSizes: ko.observableArray([10, 20, 50]),
            pageSize: ko.observable(10),
            totalServerItems: ko.observable(0),
            currentPage: ko.observable(1)
        };