如何更改面板extjs4中的可折叠位置？

Question

当我在面板中提供collapsible : true时，可折叠图标（向上箭头）显示在最右侧。如何在面板的左侧显示它？

Ext.create('Ext.panel.Panel', {
    title: 'New Section',
    height: 275,
    width: 530,
    margin: 3,
    collapsible : true
});     

之后我使用setTitle(text)方法动态编辑标题。标题将被更改，但可折叠不会显示。任何人都可以知道这里发生了什么吗？

提前致谢

Answer 1

.my-panel .x-tool
{
    left: 0 !important;
}
.my-panel .x-panel-header-text-container
{
    padding-left: 18px;
}

在这里演示http://ext4all.com/post/how-to-change-collapse-tool-position

Answer 2

要在左侧显示可折叠图标，您必须使用自定义CSS执行此操作：

Ext.create('Ext.panel.Panel', {
    collapsible: true,
    cls: 'my-panel'
});

和CSS代码：

.my-panel .x-tool {
    left: 0 !important;
}

更改标题后，是否发生错误？

Answer 3

我们有工具位置。只需检查下面的标题toolPosition：1

    Ext.create('Ext.panel.Panel', {
            title: 'New Section',
            height: 275,
            width: 530,
            margin: 3,
            collapsible : true, 
            header: {
                  titlePosition: 1,
        }
        });