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

});