javascript - 如何在 ExtJS 中将停靠项目彼此相邻放置

Question

我有一个包含 3 个停靠项的树面板:一个文本字段和 2 个按钮: /image/6auVs.jpg

一些示例代码:

Ext.defin('treePanel', {
extend: 'Ext.tree.Panel',
dockedItems: [{
xtype: 'textfield'
},
{
xtype: 'button'
},
{
xtype: 'button'
}]
});

我想要的是当您按 Ctrl+F 时使项目看起来像 firefox 和 chrome 搜索栏。这意味着我想要我的文本字段和右侧的 2 个按钮，一个带有“<”，一个带有“">”。与文本字段相同的高度，并且它们应该是平方的。如果你在浏览器上按 Ctrl+F 你就会明白。我该怎么做？

Answer 1

只需使用 tbar，它是创建停靠工具栏的快捷方式:

Ext.define('MyPanel', {
    extend: 'Ext.panel.Panel',
    tbar: [{
        xtype: 'textfield',
        flex: 1
    }, {
        xtype: 'button',
        text: 'a'
    }, {
        xtype: 'button',
        text: 'b'
    }]
});