2

我想提供一个具有拉动刷新功能的列表。下面是我的代码,我有一个面板,里面有一个列表。

Ext.define('MyProj.common.view.notes.NotesOverlay', {
    extend: 'Ext.form.Panel',
    xtype: 'notesOverlay',

    config: {

        style: 'box-shadow: 10px 10px 5px #888888;border-radius: 20px;',
        items: [{
                // Toolbar to be displayed on the Notes overlay
                xtype: 'toolbar',
                ui: 'light',
                docked: 'top',
                //margin:'0 0 20 0',
                //  id:'notesbar',
                items: []
            },
            // List that contains the list of notes 
            {
                xtype: 'list',
                height: 500,
                allowDeselect: true,
                action: 'notesList',
                itemTpl: '{title}',
                data: [{
                        title: 'Item 1'
                    }, {
                        title: 'Item 2'
                    }, {
                        title: 'Item 3'
                    }, {
                        title: 'Item 4'
                    }
                ],

                plugins: [{
                        xclass: 'Ext.plugin.PullRefresh',
                        pullRefreshText: 'Pull down to refresh the list'
                    }
                ]


            },

        ]
    }
});

如上所示,我在列表中包含了 pullRefresh 插件。两天前我将项目的 sencha touch 框架升级到2.2,从那时起列表就消失了。当我删除插件时,列表显示正常。

请让我知道我哪里出错了。

提前致谢。

4

2 回答 2

1

您可以尝试将 flex 属性添加到您的列表中。

但是如果列表显示没有插件,则情况在插件中

于 2013-04-27T16:32:41.493 回答
0

正如 Sha 的评论,PullRefresh 插件与 ST 版本存在兼容性问题。docs.sencha.com/touch/2.2.0/#!/api/Ext.plugin.PullRefresh

于 2015-04-24T08:41:55.363 回答