ExtJS：如何调整hbox中分割器的宽度？

Question

我的面板正在使用hbox布局。我包括＆＃34;分裂：真实＆＃34;在面板的子容器的配置中。我可以调整分光器的宽度吗？

Answer 1

首先split: true是border布局的一部分，而不是hbox。

您可以使用width（百分比或绝对值）配置来调整分割器的宽度。

对于hbox布局，您可以使用flex配置。

Answer 2

对于HBox，您应该在元素之间添加splitter。然后，您可以设置其width

https://fiddle.sencha.com/#fiddle/18h2

Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody(),
    layout: {
        type: 'hbox'
    },

    items: [{
        xtype: 'label',
        text: 'column 1',
        flex: 1
    }, {
        xtype: 'splitter',
        width: 20,
        style: 'border: 1px solid green'
    }, {
        xtype: 'label',
        text: 'column 2',
        flex: 2
    }]
})