XTemplate Sencha Touch 2にボタンを挿入する

Question

私はフレームワークSencha Touch 2を使用していますが、これはXTemplateを作成するためリストコンポーネントを作成するときに問題がありますが、リストの各要素にボタンコンポーネントを挿入する必要があります

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

私はドキュメントを読みましたが、例やコードのヘルプは表示されません。

Answer 1

このようにitemTplとXTemplateは使用できません。あなたが欲しいものを行うためには、あなたのXTemplate

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

にHTMLとJavascriptを混合しているのに対し、テンプレートは、HTMLのように記述されている、あなたはdataviewとdataitemを使用する必要があります。それらの使用方法の例については、Dataview guideおよびdocs