javascript - Extjs Accordion 标题 - 将折叠按钮移至标题标题左侧

Question

我的 Accordion 布局在右侧有折叠按钮(这是默认行为)。如何将折叠按钮位置更改为左侧？

Ext.create('Ext.panel.Panel', {
    title: 'Accordion Layout',
    layout: {
        // layout-specific configs go here
        type: 'accordion',
        titleCollapse: false,
        animate: true,
        activeOnTop: true
    },
    items: [{
        title: 'Panel 1',
        html: 'Panel content!',
    },{
        title: 'Panel 2',
        html: 'Panel content!'
    },{
        title: 'Panel 3',
        html: 'Panel content!'
    }],
    renderTo: Ext.getBody()
});

Please help me out.

Your help is appreciated!! Thanks in advance.

Answer 1

如果您使用的是 ExtJS 4.2，请设置

titlePosition:1

在标题配置中将标题放在 Accordion 展开/折叠图标旁边。

文档链接

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.panel.Header-cfg-titlePosition

header:{
  titlePosition:1
}

这对我来说很好......:)