首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Knockout:表格分页

Knockout:表格分页
EN

Stack Overflow用户
提问于 2018-08-02 00:23:29
回答 1查看 859关注 0票数 1

我试着在我的模型下分页。我可以正确地让箭头移动,这取决于我设置了多少记录。但数据不会重新反射/减少/增加,这取决于页面上显示的最大行数。

请查看下面的Fiddle

我使用的引用示例是Here

代码语言:javascript
运行
复制
/*************
  Start of logic for Paging

  ******/


  self.items = ko.observableArray();
   this.all =  self.items;

 self.pageNumber = ko.observable(0);
    self.nbPerPage = 2;

    // I think this is somewhere I am missing the functionality.

    this.totalPages = ko.computed(function() {
        var div = Math.floor(self.all().length / self.nbPerPage);
        div += self.all().length % self.nbPerPage > 0 ? 1 : 0;
        return div - 1;
    });

this.paginated = ko.computed(function() {
        var first = self.pageNumber() * self.nbPerPage;
        return self.all.slice(first, first + self.nbPerPage);
    });

    this.hasPrevious = ko.computed(function() {
        return self.pageNumber() !== 0;
    });

    this.hasNext = ko.computed(function() {
        return self.pageNumber() !== self.totalPages();
    });

  this.next = function() {
        if(self.pageNumber() < self.totalPages()) {
            self.pageNumber(self.pageNumber() + 1);
        }
    }

  this.previous = function() {
        if(self.pageNumber() != 0) {
            self.pageNumber(self.pageNumber() - 1);
        }
    }  


/***********
End of Logic for Paging

*/

EN

回答 1

Stack Overflow用户

发布于 2018-08-02 00:31:47

你只需要更新你的视图...

代码语言:javascript
运行
复制
<tbody data-bind="foreach: items " >

代码语言:javascript
运行
复制
<tbody data-bind="foreach: paginated " >
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51638095

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档