javascript - extJs 工具栏只需要必要的大小

Question

我希望工具栏只采用必要的\自动调整大小..我该怎么做？

MyViewportUi = Ext.extend(Ext.Viewport, {
layout: 'fit',
initComponent: function() {
    this.items = [
        {
            xtype: 'panel',
            title: 'My Panel',
            layout: 'vbox',
            tbar: {
                xtype: 'toolbar',
                items: [
                    {
                        xtype: 'button',
                        text: 'MyButton 1'
                    },
                    {
                        xtype: 'button',
                        text: 'MyButton 2'
                    }
                ]
            }
        }
    ];
    MyViewportUi.superclass.initComponent.call(this);
}
});

Answer 1

因为工具栏就是一个栏，它会扩展以填充所有可用空间。放置在工具栏内的按钮将占据所需的空间，但工具栏仍会扩展以填充可能的最大宽度。

Ext.Toolbar有一个名为 autoWidth 的属性，但这只会导致工具栏使用 css width: auto 属性。这并不完美，但它可能是您最好的选择。