由于列表的内容,我的sencha touch移动应用程序中有一个相当长的列表可以显示在我的sencha touch移动应用程序中,因此该应用程序很重,然后我发现了 这个很棒的工具 它提高了效率 急剧 但是该库带来的问题是它将显示前70个项目,当您向下滚动时,它根本不会显示内容。有人处理它。请告诉我。

下面提到的是测试代码的示例,它将帮助您模拟。

Ext.reg('mylist', Ext.ux.BufferedList);

var data = [];
for (var i = 0; i < 600000; i++)
    data.push({
        firstName: 'Mark' + i,
        lastName: 'Taylor'
    });

Ext.setup({
    onReady: function() {
        Ext.regModel('Contact', {
            fields: ['firstName', 'lastName']
        });

        var store = new Ext.data.Store({
            model: 'Contact',
            data: data
        });

        new Ext.TabPanel({
            layout: 'fit',
            fullscreen: true,
            scroll: 'vertical',
            items: [{
                title: 'MyPanel',
                xtype: 'panel'},
            {
                title: 'MyList',
                fullscreen: true,
                xtype: 'mylist',
                itemTpl: '{firstName} {lastName}',
                store: store}]
        });
    }
});
有帮助吗?

解决方案

https://gist.github.com/1244583 我猜这就是您正在搜索的!

我唯一的更新是第35行!

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top