extjs - 如何在 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'
            }
        ]
    }

});