Question

我有按钮和菜单。在菜单中几乎没有共同点。如何在常见的地方写这个，以便我的代码得到优化。在我的代码iconCls中，对于这两个按钮都是相同的。同样很多事情都会出现，所以如何写作默认。

我的代码：

Ext.onReady(function() {

new Ext.panel.Panel({
    renderTo: document.body,
    title: 'A Panel',
    width: 200,
    height: 200,
    tools: [{
        xtype: 'button',
        text: 'Foo',
        iconCls:'Item',
        menu: {
            items: [{
                text: 'Item 1',
                iconCls:'Item',
                handler: function() {
                    console.log('Item 1');
                }
            }, {
                text: 'Item 2',
                iconCls:'Item',
                handler: function() {
                    console.log('Item 2');
                }
            }]
        }
    }]
});
});

Answer 1

您可以使用默认属性。

Ext.onReady(function() {

new Ext.panel.Panel({
    renderTo: document.body,
    title: 'A Panel',
    width: 200,
    height: 200,
    tools: [{
        xtype: 'button',
        text: 'Foo',
        iconCls:'Item',
        menu: {
            defaults: {
                iconCls: 'Item'
            },
            items: [{
                text: 'Item 1',
                handler: function() {
                    console.log('Item 1');
                }
            }, {
                text: 'Item 2',
                handler: function() {
                    console.log('Item 2');
                }
            }]
        }
    }]
});
});

如何在Extjs Button Menu的一个地方编写公共属性

1 个答案: