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

});