extjs - 调整添加到面板标题的按钮位置？

Question

我可以将自己的按钮添加到面板标题上的内置工具“帮助”等：

tools:[
    {
        type:'help',
        tooltip: 'Get Help',
        handler: function(event, toolEl, panel){
            // show help here
        }
    }],
header: {
    layout: {
        type: 'hbox',
        align: 'right'
    },
    items: [{
        xtype: 'button',
        text: 'test'
    }]
} ...

但是按钮“测试”出现在面板标题之前的最左边......标题布局hbox右显然不是这样做的方式:-)。按钮“测试”只是一个占位符 - 我想最终添加一个菜单按钮 - 所以另一个 css 工具不起作用 - 有没有一种简单的方法可以做到这一点，还是我需要使用 dom 元素 positiong 等？蒂亚。

Answer 1

如果您使用的是 ExtJS 4.2，则可以使用该titlePosition属性来完成此操作。见http://jsfiddle.net/U8MSd/

    tools: [{
        type: 'help',
        tooltip: 'Get Help',
        handler: function (event, toolEl, panel) {
            // show help here
        }
    }],
    header: {
        titlePosition: 0,
        items: [{
            xtype: 'button',
            text: 'test'
        }]
    }