代码之家  ›  专栏  ›  技术社区  ›  Harikrishnan

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

  •  0
  • Harikrishnan  · 技术社区  · 11 年前

    我有一个 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: {
    
            }
    
    
    } });
    
    1 回复  |  直到 11 年前
        1
  •  3
  •   cclerv    11 年前

    你的代码结构似乎是错误的,特别是在你的内心 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'
                }
            ]
        }
    
    });