sencha list paging plugin

Question

我正在尝试使用sencha touch的listpaging插件.但是几乎没有关于如何使用它的好(或坏)文档,我很困惑.

当我在列表中激活插件时

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页并自动将它们添加到列表中？

Answer 1

我在寻找好的文档时也遇到了问题，但我至少可以回答你的问题。如果您不想清除已加载的内容，则还需要添加pageSize到您的商店。clearOnPageLoad她是我的代码：

Ext.regStore('publicresources', {

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

});

我正在研究的突出问题是：

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

祝你好运！