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

但按钮'test'出现在面板标题之前的最左边...标题布局hbox右边显然不是这样做的方式:-)。按钮'test'只是一个占位符 - 我想最终添加一个菜单按钮 - 所以另一个css工具不起作用 - 是否有一个简单的方法这样做或我是否需要使用dom元素positiong等？ 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'
        }]
    }

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

1 个答案: