sencha-touch-2 - 如何在列表的每一行添加一个按钮？

Question

如何将 Sencha 按钮添加到列表的每一行？我添加了文字
图像中的占位符来说明按钮的位置。



分机应用程序({
启动:函数(){
var view = Ext.Viewport.add({
xtype: '导航 View ',

项目: [
{
xtype:'列表'，
标题:'列表'，
itemTpl: '{name} [BUTTON]',

店铺: {
字段:['名称']，
数据: [
{名称:'一个'}，
{名称:'两个'}，
{名称:'三个'}
]
},

听众:{
itemtap:函数(列表、索引、目标、记录){
View .push({
xtype:'面板'，
标题:record.get('name'),
html: '这是我推送的 View !'
})
}
}
}
]
});
}
});

Answer 1

Ext.List 无法做到这一点, 你必须使用 ComponentView反而。

它有一些关键概念:Ext.dataview.Component.DataItem ，自定义配置和转换通过Ext.factory() ，有关更多详细信息，请参阅:

http://docs.sencha.com/touch/2-0/#!/guide/dataview

希望能帮助到你。