如何在Sencha Touch的数据视图列表中添加按钮

Question

我想在数据视图列表中添加Sencha Touch按钮，某些功能会调用该按钮的点击事件

像这样：

第1项按钮1 第2项按钮2 项目3 BUtton 3

Answer 1

您可以使用DataItem： http://docs.sencha.com/touch/2.3.0/#!/api/Ext.dataview.component.DataItem

// The dataview
Ext.define('MyDataView', {
    extend: 'Ext.dataview.DataView',
    config: {
        defaultType: 'mydataitem',
        useComponents: true
    }
});

// The dataitem
Ext.define('MyDataItem', {
    extend: 'Ext.dataview.component.DataItem',
    alias: 'widget.mydataitem',
    config: {
        layout: {
            type: 'hbox'
        },
        items: [{
            xtype: 'component',
            flex: 1,
            html: 'val1',
            itemId: 'textCmp'
        },{
            xtype: 'button',  
            text: 'Val2'
        }]
    },
    updateRecord: function(record) {
        this.down('#textCmp').setHtml(record.get('val1'));
        this.down('button').setText(record.get('val2'));

        this.callParent(arguments);
    }
});