在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

回答

相关问题