タブのリストがあります。タブを切り替えるたびに、項目がタブに追加されて再描画され、古いタブが破棄されます。パフォーマンス上の理由からこれを行っています。
これは私がそれをやろうとした方法ですが、うまくいきません
view= Ext.Viewport.add({
xtype : 'tabpanel',
deferredRender:false,
tabBarPosition : 'bottom',
items : tabs,
listeners :
{
activeitemchange : function(container, newValue, oldValue,opts)
{
// --> destroy old tab
oldValue.setItems([]);
index = container.items.findIndex('id',newValue.id);
// --> redraw new tab
newValue.add(tabItems[index-1]);
}
}
});
タブは初回のみロードされます。2回目にタブに入ると、
Uncaught Error: NOT_FOUND_ERR: DOM Exception 8が表示されます
これを行う適切な方法は何ですか?
そして、これは、アイテムを含むタブを作成するよりも本当にパフォーマンスが高いですか。
ありがとうございました