Question

我的问题不是按照extjs框架中的宽度自动包装工具栏。

示例：

Ext.create（'Ext.toolbar.Toolbar'，{ renderTo：document.body，宽度：200，项目：[{

        text: 'Button'
    }, {
        xtype: 'splitbutton',
        text: 'Split Button'
    },

    '->', {
        xtype: 'textfield',
        name: 'field1',
        emptyText: 'enter search term'
    },

    '-',
    'text 1', {
        xtype: 'tbspacer'
    },
    'text 2', {
        xtype: 'tbspacer',
        width: '50%'
    },
    'text 3'
]

}）;

Answer 1

也许您正在寻找overflowHandler和scrollable参数。

小提琴上的例子： https://fiddle.sencha.com/#view/editor&fiddle/2qt1

Answer 2

您需要为此使用enableOverflow配置。下面是一个示例。

xtype: 'toolbar',
dock: 'top',
enableOverflow: true

ExtJs工具栏不会根据宽度自动包装

2 个答案: