Question

我想提供一个带有pull to refresh功能的列表。下面是我的代码，我有一个面板，里面有一个列表。

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触摸框架升级为 2.2 ，从此开始就消失了。当我删除插件时，列表显示正常。

请告诉我哪里出错了。

提前感谢。

Answer 1

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

但如果没有插件显示列表，则案例在插件中

Answer 2

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

列表未在Sencha touch 2.2中显示

2 个答案: