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'
    }]
});