パネルが別のdivに既にレンダリングされているときに別のdivにパネルを再レンダリングする方法

Question

Ext.Panelオブジェクトを作成しました。これをページの指定されたdiv要素に正しくレンダリングしました。

パネルオブジェクトの基礎要素（以前にレンダリングされたdiv要素）を動的に識別される別のdivに置きたいと思います。

ここでは、識別されたdiv要素を指定してPanelオブジェクトを再度作成したくないため、既存のパネルオブジェクトを使用する必要があり、識別されたdivが存在する場所にパネルを表示する必要があります。

これについては、誰でも助けてくれますか？

おかげ ヴェンカト

Answer 1

あなたはそれ自身のネームスペースを使用して、カスタムの拡張機能として、あなたのパネルを作成した場合：

Ext.namespace('My.Panel'); 

My.Panel.SomePanel = Ext.extends(Ext.Panel,{ 
    // Your custom panel configuration here 
    itemId:'myPanel' 
}); 

Ext.reg('mypanel',My.Panel.SomePanel); 

を、それもでそれを参照し、必要になる可能性がある時はいつでも次に、あなたのパネルを作成することができますあなたが登録したxtype：

var myWin = new Ext.Window({ 
    title:'Some Title', 
    height: 300, 
    width: 300, 
    items:[{ 
     xtype: 'mypanel', 
     data: someData 
    }] 
}); 

var myTabs = new Ext.TabPanel({ 
    title: 'Some Tab Panel', 
    activeTab: 0, 
    items:[{ 
     xtype: 'mypanel', 
     title: 'SomePanel number 1' 
    }] 
});