Панель инструментов extJs, которая принимает только необходимый размер

Question

Я хочу, чтобы панель инструментов принимала только nessasary \ auto size .. Как я могу это сделать?

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. Это не идеально, но это, вероятно, ваш лучший выбор.