Question

如何使用商品模板向Sencha Touch Button添加Sencha Touch List？

我知道，我可以这样做：

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

但是这个按钮看起来很奇怪和丑陋，我希望按钮与Sencha Button的ui相同。

确定您是否单击了行或按钮正在使用此代码：

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中的“组件数据视图”。

Answer 2

只是面对上述相同问题的另一种选择，我已经继续从DOM中获取按钮组件的类，并应用于我的按钮。

   <input type="button" value="Add" class="x-button-action x-button"
    style="display: inline;margin: 1.5em;border: #a6a6a6;"/>

在这里，我从sencha touch获取了UI类，如x-button-action和x-button以及添加的自定义样式内联（虽然不是一个好主意）。

希望它有所帮助!!

如何将sencha按钮添加到sencha列表

2 个答案: