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。模板以 HTML 形式编写，而您在 XTemplate

中混合了 HTML 和 Javascript

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

为了做你想做的事，你需要使用dataview 和dataitem。有关如何使用它们的示例，请参阅 Dataview guide 和 docs