西側パネルの折り畳みを無効にする

Question

私はビューポートを持っています。 マイ西パネルは次のとおりです。

new Ext.Panel({  //west 
      region: 'west', 
      title: 'דוחות', 
      id: 'w', 
      header: true, 
      width: 190, 
      split: true, 
      collapseMode: 'mini', 
      margins: '0 1 0 0', 
      collapsible: true, 
      collapsed: true, 
      items: ...... 

私の目標は、/崩壊を無効にする]ボタンを拡張し、他の何かが（javascript関数 - 他のボタンをクリック）が行われた場合にのみ、それを有効にすることです。

これを行う方法はありますか？

Answer 1

タイトルバーボタンが生成されないようにするには、パネルの設定で 'collapsible：false'を設定します。次に、あなたが望むものは何でもカスタムコントロール内から、呼び出し：

Ext.getCmp('w').toggleCollapse(); 

Answer 2

オーバーライドされたtoggleCollapseでExt.Panelのサブクラスを作成します。これは、折りたたみ/展開ボタンをクリックすると呼び出されます。

Ext.ns('MyExt'); 
MyExt.LockablePanel = Ext.extend(Ext.Panel, { 
    cls: 'myext-lockable-panel', 
    toggleCollapse: function() { 
    if (this.lockedPanel) { 
     this[this.collapsed ? 'expand' : 'collapse'](animate); 
     return this; 
    } 
    }, 
    toggleLock: function() { 
    this.lockedPanel = !this.lockedPanel; 
    this[this.lockedPanel ? 'addClass' : 'removeClass']('disabled-collapser'); 
    } 
}); 

それはdisabled-collapserだときだけ、ボタンとデフォルトのカーソルにいくつかの不透明度を追加します。

Answer 3

collapsible: true 

- 本当にfalseに変更する必要があります。