Question

我正在使用框架Sencha Touch 2，现在我在创建List组件时遇到问题，因为我为此创建了一个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

在XTemplate Sencha Touch 2中插入按钮

1 个答案: