3

パネルを渡すcollapsible : trueと、折りたたみ可能なアイコン (上矢印) が一番右側に表示されます。パネルの左側に表示するにはどうすればよいですか?

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

その後、setTitle(text)メソッドを使用してタイトルを動的に編集しています。タイトルは変更されますが、折りたたみは表示されません。ここで何が起こっているのか誰にもわかりますか？

前もって感謝します

4

3 に答える 3

5 
.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

于 2012-04-21T12:52:56.040 に答える
4

折りたたみ可能なアイコンを左側に表示するには、次のようなカスタム CSS を使用する必要があります。

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

そしてCSSコード：

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

タイトルを変更した後、エラーは発生しますか?

于 2012-04-20T18:35:02.963 に答える
0

そのためのツールポジションがあります。ヘッダーの下を確認してください toolPosition :1

    Ext.create('Ext.panel.Panel', {
            title: 'New Section',
            height: 275,
            width: 530,
            margin: 3,
            collapsible : true, 
            header: {
                  titlePosition: 1,
        }
        });
于 2016-09-26T09:50:22.437 に答える