1

我正在使用框架 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'}
                    ]
                }
            ]
        }

我阅读了文档，但没有看到示例或一些代码帮助。

4

1 回答 1

2

你不能以那种方式使用itemTpl和XTemplate。模板以 HTML 形式编写，而您将 HTML 和 Javascript 混合在您的XTemplate

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

为了做你想做的事，你需要使用dataviewand dataitem。有关如何使用它们的示例，请参阅 Dataview指南和文档

于 2012-04-16T02:16:20.513 回答