javascript - パネルがすでに他の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'
    }]
});