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

Question

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

像这样 ：

项目 1 按钮 1 项目 2 按钮 2 项目 3 按钮 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);
    }
});