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

我有一个

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: {

        }


} });

Ext.define（'Proj.ListItems'{
扩展：“Ext.dataview.dataview”，
需要：['Ext.dataview.List']，
xtype:'listitms'，
配置：{
xtype:“数据视图”，
id:'listItemsDataView'，
itemTpl:“”//
商店：'Item'，
听众：{
}
} });

您的代码结构似乎是错误的，特别是在

config

块中。也许您希望将

dataview

作为一个项目…如：

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

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

。。。
配置：{
项目：[
{
xtype:“数据视图”，
id:'listItemsDataView'，
itemTpl:“”//
商店：'Item'，
听众：{
}
},
...
],
...
},
...

如果不是这样的话，我不知道你可以忽略。不管怎样，您是否正在尝试这样做：

编辑：

该代码也适用于我：

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

});

Ext.define（'MyApp.view.MyDataView'{
扩展：“Ext.dataview.dataview”，
别名：“widget.listitms”，
配置：{
id:'listItemDataView'，
数据：[
{
字符串：“汽车”
},
{
字符串：“自行车”
},
{
字符串：“van”
}
],
第三方物流：[
'数据视图项{string}'
],
项目：[
{
xtype:'工具栏'，
停靠：“顶部”，
标题：“我是一个工具栏”
}
]
}
});

您的代码结构似乎是错误的，特别是在

config

块中。也许您希望将

dataview

作为一个项目…如：

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

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

。。。
配置：{
项目：[
{
xtype:“数据视图”，
id:'listItemsDataView'，
itemTpl:“”//
商店：'Item'，
听众：{
}
},
...
],
...
},
...

如果不是这样的话，我不知道你可以忽略。不管怎样，您是否正在尝试这样做：

编辑：

该代码也适用于我：

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

});

Ext.define（'MyApp.view.MyDataView'{
扩展：“Ext.dataview.dataview”，
别名：“widget.listitms”，
配置：{
id:'listItemDataView'，
数据：[
{
字符串：“汽车”
},
{
字符串：“自行车”
},
{
字符串：“van”
}
],
第三方物流：[
'数据视图项{string}'
],
项目：[
{
xtype:'工具栏'，
停靠：“顶部”，
标题：“我是一个工具栏”
}
]
}
});

现在Dataview消失了现在好了，看起来Dataview里面有Dataview？？这就是你想要的吗？我认为那是不可能的。我只需要一个数据视图，即内部数据视图。我不关心扩展类型。好吧，如果我们要忽略

xtype

，那么这就是我的演示所做的。。。。你所说的数据视图消失到底是什么意思？你的意思是当你滚动时，数据消失在视野之外时消失吗？它没有显示数据视图。仅显示工具栏现在Dataview消失了现在看起来Dataview中有Dataview？？这就是你想要的吗？我认为那是不可能的。我只需要一个数据视图，即内部数据视图。我不关心扩展类型。好吧，如果我们要忽略

xtype

，那么这就是我的演示所做的。。。。你所说的数据视图消失到底是什么意思？你的意思是当你滚动时，数据消失在视野之外时消失吗？它没有显示数据视图。仅显示工具栏