Question

我有sencha touch 2列表，我想在每个列表项的左侧添加工具栏。如果可能的话怎么可能？我引用了这个链接：http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2，但在我的情况下，我必须添加工具栏。它必须像：

toolbar-list item text-closure icon 
toolbar-list item text-closure icon 
toolbar-list item text-closure icon 
toolbar-list item text-closure icon

Answer 1

您可以查看DataItem documentation。这里是示例代码：

Ext.define('MyDataItem', {
    extend: 'Ext.dataview.component.DataItem',
    alias: 'widget.mydataitem',
    config: {
        padding: 10,
        layout: {
            type: 'hbox'
        },
        defaults: {
            margin: 5
        },
        items: [{
            xtype: 'button',
            text: 'Val1'
        }, {
            xtype: 'component',
            flex: 1,
            html: 'val2',
            itemId: 'textCmp'
        }]
    },
    updateRecord: function(record) {
        var me = this;

        me.down('button').setText(record.get('val1'));
        me.down('#textCmp').setHtml(record.get('val2'));

        me.callParent(arguments);
    }
});

DataItem从容器扩展。所以你可以在上面添加任何组件。包含Toolbar。使用选项docked: 'left'在项目数组中添加您的工具栏。

如何将工具栏添加到sencha touch 2列表项？

1 个答案: