子パネルがないときはタブパネル全体を閉じます

Question

私はタブパネルを持ち、多くの子を持っています。それぞれは閉じることができます。子がいないときにタブパネル自体を削除したい。

listeners: { 
    close: function(element) { 
     var detailTabPanel = element.up('DetailTabPanel'); 
     if(detailTabPanel.items.length <= 1) 
     { 
      detailTabPanel.destroy(); 
     } 
    } 
} 

私はクローズアクションのために上記のようなコードを書いています。しかし、私はのようなエラーが表示されます

Uncaught TypeError: Cannot read property 'get' of null DetailTabPanel is the tabpanel. 

Answer 1

ほぼあります！このようにそれを試してみてください。ここ

listeners: { 
    remove: function(tabpanel, child, eOpts) { 
     if (tabpanel.items.length === 0) { 
      tabpanel.destroy(); 
     } 
    } 
} 

参照フィドル：https://fiddle.sencha.com/#fiddle/1fo2

あなたはリスナーの内側callParentを行う必要はありません。

Answer 2

あなたは間違ったイベントを使用しています。 close子供のイベント（パネルからタブが削除された後に呼び出される）をリッスンするのではなく、タブパネル自体のremoveイベントを待ち受けます。