javascript - 如何将 Sencha 按钮添加到 Sencha 列表

Question

如何添加 Sencha Touch Button到 Sencha Touch List使用项目模板？

我知道，我可以做这样的事情:

itemTpl: '{quantity} {productName} <input type="button" value="Delete" />',

但是这个按钮看起来很奇怪和丑陋，我想让这个按钮和 Sencha Button 有相同的用户界面。 .

确定您是否单击了该行或按钮是否使用此代码:

config: {
    control: {
        'list[itemId="listItemId"]': {
            itemtap: 'yourFunction'
        }
    }
},

yourFunction: function(list, index, target, record, evt) {
    var type = evt.event.target.type || '';

    if(type == 'button') {
        console.warn('delete');
    }
}

Answer 1

您可能应该使用 Ext.dataview.DataView使用 useComponent: true。然后您可以将 defaultType 配置设置为您自己的自定义 dataitem。

看看 dataview guide 中的“组件数据 View ” .