Sencha列表分页插件 [英] sencha list paging plugin

问题描述

我正在尝试使用Sencha Touch的列表分页插件。但关于如何使用它，几乎没有好的(或坏的)文档，我感到困惑。

当我激活列表中的插件时

this.myList = new Ext.List({
  store: this.myStore,
  plugins: [{
    ptype: 'listpaging',
    autoPaging: false
  }],
  itemTpl: '...'
});

"加载更多"文本和加载图像将添加到列表末尾。

但我不知道如何配置我的存储区以使此插件能够加载更多数据。

App.regStore('MyStore', {
 model: 'myModel',
 proxy: {
    type: 'ajax',
    url: 'http://mydomain.com/json?howmany=10&page=1',
    reader: {
        type: 'json',
        root: 'results'
    }
  }
});

App.stores.myStore = Ext.StoreMgr.get('MyStore');

如何配置我的存储，以便在我点击"加载更多"时，存储调出第2页并自动将它们添加到列表中？

推荐答案

我在查找好的文档时也遇到了问题，但我至少可以回答您的问题。如果不想清除已加载的内容，则还需要将pageSize添加到您的存储中。这是我的代码：

Ext.regStore('publicresources', {

model: 'PublicResource',
autoLoad:false,
remoteFilter:true,
sortOnFilter:true,
    pageSize: 15,
    clearOnPageLoad: false, 
sorters: [
    {
        property : 'distance',
        direction: 'ASC'
    }
]

})；

我正在调查的未决问题是：

1. 没有更多记录可加载时如何关闭"More"元素
2. 如何检测没有更多要加载的记录，以及将检测代码放置在哪里。
3. 如何将列表保存在用户所在的位置。每次加载都会跳回到列表中的第一项

祝你好运！

这篇关于Sencha列表分页插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！