当面板已经渲染到其他 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'
    }]
});