如何在Sencha touch中添加Ext.dataview.DataView上方的工具栏？

Question

我有Ext.dataview.DataView如何在此视图中添加工具栏？我试过在配置中添加它，但没有工作。我的数据视图消失了。还尝试在initialise()中添加工具栏，我的数据视图再次消失了。任何替代方案？

Ext.define('Proj.ListItems', {
    extend: 'Ext.dataview.DataView',

    requires : ['Ext.dataview.List'],

    xtype: 'listitms',

    config: {

        xtype: 'dataview',


        id: 'listItemsDataView',

        itemTpl: '<div class="tweetdiv"></div></div>', //
        store:'Item',
        listeners: {

        }


} });

Answer 1

您的代码结构在config阻止内部特别错误。也许你想让dataview作为一个项目....如：

...
config: {
    items: [
        {
            xtype: 'dataview',
            id: 'listItemsDataView',
            itemTpl: '<div class="tweetdiv"></div></div>', //
            store:'Item',
            listeners: {

            }
        },
        ...
    ],
    ...
},
...

如果不是这样，我不知道你可以忽略。无论如何，你是否试图做这样的事情：Demo。

修改

这段代码也对我有用：

Ext.define('MyApp.view.MyDataView', {
    extend: 'Ext.dataview.DataView',
    alias: 'widget.listitms',

    config: {
        id: 'listItemDataView',
        data: [
            {
                string: 'car'
            },
            {
                string: 'bike'
            },
            {
                string: 'van'
            }
        ],
        itemTpl: [
            '<div>Data View Item {string}</div>'
        ],
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                title: 'I\'m A Toolbar'
            }
        ]
    }

});