在XTemplate中插入按鈕Sencha Touch 2

我正在使用框架Sencha Touch 2，現在我創建List組件時出現問題，因爲我爲此創建了XTemplate，但是我需要在列表的每個元素中插入一個按鈕組件在XTemplate中插入按鈕Sencha Touch 2

 { 
      xtype: 'list', 
      id: 'list_product', 
      emptyText: '<div class="list-empty-text">No hay coincidencias</div>', 
      store: 'Product', 
      itemTpl: Ext.create('Ext.XTemplate', 
       '<h3>{name}</h3>' + 
       '[{xtype:"button"}]'//Here i tried insert a button 
      ), 
      items: [ 
       { 
        xtype: 'toolbar', 
        docked: 'top', 
        items: [ 
         {xtype: 'spacer'}, 
         { 
          xtype: 'searchfield', 
          placeHolder: 'Buscar...' 
         }, 
         {xtype: 'spacer'} 
        ] 
       } 
      ] 
     }

我閱讀文檔，但沒有看到示例或代碼幫助。

來源

2012-04-15 sneyder05

您不能以這種方式使用itemTpl和XTemplate。模板寫爲HTML，而你在你的XTemplate

'<h3>{name}</h3>' + //This is HTML 
'[{xtype:"button"}]' //This is Javascript

混合HTML和Javascript爲了做到你想要什麼，你將需要使用dataview和dataitem。有關如何使用它們的示例，請參閱Dataview guide和docs

來源

2012-04-16 02:16:20 Jay

使用dataview，我可以像列表組件中一樣創建搜索器組件？ – sneyder05 2012-04-16 14:49:28

也許吧。看看它是如何處理'list'的; 'list'是'dataview'的子類。如果你需要更多的細節，你應該創建另一個問題。 – Jay 2012-04-16 16:49:58

在XTemplate中插入按鈕Sencha Touch 2

回答

相關問題