dgrid分页示例

Question

谁能给我举一个使用dgrid的分页扩展和dgrid的例子？这可以是一个参考链接，也可以是你输入的一个简单的例子。我已经在我的代码中定义了它，并将它与一个OnDemandGrid一起使用，其中它被添加到我的自定义网格的声明混合中。我看到了用于页面导航的箭头，看到了页面大小设置菜单，但我的rowsPerPage: 3规范什么也不做。我仍然可以看到我的7个样本记录。

我使用了一个经过修改的缓存(数据对象存储)，它为我的dgrid包装了一个JsonRest和内存存储。

Answer 1

我认为问题在于您不能将OnDemandGrid与分页一起使用，因为OnDemandGrid有它自己的内部虚拟分页逻辑。从dgrid extensions wiki

与OnDemandList和OnDemandGrid模块不同，分页扩展实现了经典的离散分页控件。它在给定时间显示一定数量的结果，并提供带有可在页面之间切换的控件的页脚区域。

网格注意:分页扩展应该混合到List或中，而不是OnDemand构造函数中，因为它们包含自己的虚拟滚动逻辑。在内部，分页继承自OnDemand原型继承的相同_StoreMixin模块，以实现与dojo/store的公共集成。

您想要做的是将Pagination混合到一个普通的Grid中。分页Mixin包括您感兴趣的属性，比如行数。分页器扩展处理与所提供的存储的对话，以检索和呈现要显示的行集。这样的类的define可能如下所示：

define(['dojo/_base/declare','dgrid/Grid', 'dgrid/extensions/Pagination'],function(declare,Grid,Pagination){
    return declare('mine.PaginatedGrid',[Grid,Pagination],{
      //various default you can set
      pagingLinks: false,
      pagingTextBox: true,
      firstLastArrows: true,
      minRowsPerPage: 5,
      rowsPerPage: 5,
      pageSizeOptions: [5, 10, 15, 25, 50, 100]
    });
});

Answer 2

在DGrid项目的DGrid文件夹中可以找到测试及其扩展的最佳示例。可以在以下位置找到它们：

• DGrid Tests

具体来说，可以找到分页测试：

• Here,
• here,
• and here

要运行它们，请执行以下操作：

1. 克隆git存储库
2. 将其放在html页面的

上