extjs4 - 如何更改面板 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,
        }
        });