如何在Sencha touch中将工具栏添加到Ext.dataview.DataView之上？

Question

我有一个Ext.dataview.DataView，如何在这个视图中添加工具栏？我试过在config中添加它，但不起作用。我的数据视图消失了。我也试过在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作为item....as：

...
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'
            }
        ]
    }

});