具有向后向前导航和有限元素的ListView

Question

在Sencha中，如何创建DataView或List组件，一次只渲染1个项目并包含prev/next按钮来导航数据？ 商店已启用分页，一次只能提取5条记录。在这5条记录中，我想在视图上一次只显示1条记录，并使用导航按钮向前/向后移动。是否有针对此要求的内置组件？ 我看到很少有SO帖子（Sencha Touch limit number of items in list）建议使用2个商店（DisplayStore来切片实际数据）。这不适合我。我在实际商店中使用静态数据对此进行了测试。它仍然呈现列表中的所有数据。此外，我也在寻找前进/后退导航按钮。

如果没有这样的内置组件（至少足够接近），我想根据我的需要创建一个。请建议。

Answer 1

你应该使用过滤器和两个按钮。 下一个按钮的处理程序可能是相似的

var number= list.getStore().first().getId()
list.filter('id', number+1)

如果无论如何都要为下一个有效项目增加一个数字。否则，您需要一个当前所选项目的计数器并增加它。