extjs - ヘッダーで構成されたパネルのヘッ​​ダーを設定するにはどうすればよいですか: false

Question

ほとんどの場合、ヘッダーなしで構成されたいくつかのパネル (ほとんどの場合はグリッド パネル) がありますheader: false。ここで、ヘッダーをググる必要がありますが、これに関連するものは見つかりませんでした。では、どうすればこれを行うことができますか？

Answer 1

私の知る限り、ヘッダーを作成しないことを選択した後は、これは不可能です。

単純なコンポーネントの使用を検討し、これをdockedItems適切なと一緒にに適用することもできますweight。ツールに直接アクセスする必要がない限り、これは完全に適している可能性があります

また

パネルをヘッダーで定義し、コンポーネントが表示される前に非表示にします。私はこれを試したことがありませんが、うまくいくはずです。あなたはでヘッダーを受け取ることができますgetHeader()

実例は次のとおりです。

Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 100,
    items: [
        {
            xtype: 'button',
            text: 'toggle',
            handler: function(btn) {
                var header = btn.up('panel').getHeader();
                if (header.isVisible())
                    header.hide();
                else
                    header.show();
            }
        }
    ],
    renderTo: Ext.getBody()
});

いくつか読んだ後、後でヘッダーを作成する方法を見つけました。それはで行うことができますupdateHeader(true)

Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    header: false,
    width: 200,
    items: [
        {
            xtype: 'button',
            text: 'toggle',
            handler: function(btn) {
                var panel = btn.up('panel');
                if (Ext.isObject(panel.header) && panel.header.isVisible()){
                    panel.header.hide();
                }else if (panel.header === false){
                    panel.header = true;
                    panel.updateHeader(true);
                }else {
                    panel.header.show();
                }
            }
        }
    ],
    renderTo: Ext.getBody()
});