如何在用户滚动到列表末尾时更新Sencha Touch List

时间:2012-08-30 11:06:00

标签: sencha-touch extjs sencha-touch-2

我有一个应用程序,我在本地商店的sencha列表中显示大约1000条记录。如果我尝试一次填充所有数据,那么刷新列表需要很长时间(大约1分钟)。

现在我想加载包含最初20条记录的列表,然后在用户向下滚动时加载下一条20。当用户滚动到列表末尾时如何捕获事件?

2 个答案:

答案 0 :(得分:4)

摘自Secncha Doc site

Ext.create('Ext.dataview.List', {
    config: {
        plugins: [
            {
                xclass: 'Ext.plugin.PullRefresh',
                pullRefreshText: 'Pull to refresh...'
            },
            {
                xclass: 'Ext.plugin.ListPaging',
                autoPaging: true
            }
        ],

        itemTpl: '<div class="item">{title}</div>',
        store: 'Items'
    }
});

从我这里添加而不是xclass:''你也可以使用xtype:'listpaging'。它也有效......

干杯,奥列格

PS。如果仍然不清楚粘贴您的代码片段...

答案 1 :(得分:0)

要添加到oleg sencha不分页,即您的分页逻辑必须在服务器端,插件只会将页面参数增加1,可以在商店的ajaxProxy中的pageParam配置中配置