2

如何使用项目模板将Sencha 触摸按钮添加到Sencha 触摸列表？

我知道，我可以这样做：

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');
    }
}
4

2 回答 2

2

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

查看数据视图指南中的“组件数据视图” 。

于 2013-08-01T21:50:08.097 回答
0

只是面对与上述相同问题的另一种选择，我已经继续从 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 以及添加的自定义样式内联（虽然不是一个好主意）。

希望能帮助到你 ！！

于 2015-03-24T15:14:30.493 回答