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

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的权利显然不是这样做的：-）。按钮"test"只是一个占位符-我想最终添加一个菜单按钮-所以另一个css工具不起作用-有简单的方法吗？或者我需要使用dom元素定位等吗？tia。

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'
        }]
    }