Javascript 当面板已渲染到其他div时,如何将面板重新渲染到其他div

Javascript 当面板已渲染到其他div时,如何将面板重新渲染到其他div,javascript,extjs,updatepanel,Javascript,Extjs,Updatepanel,我已经创建了一个Ext.Panel对象,它正确地呈现到页面上指定的div元素 我想将面板对象基础元素(以前渲染的div元素)替换为另一个将被动态标识的div 在这里,我不想通过指定标识的div元素再次创建Panel对象,我需要利用现有的Panel对象,并需要在标识的div存在的地方显示面板 有谁能帮我解决这个问题。如果您将面板创建为自定义扩展,并具有自己的名称空间: Ext.namespace('My.Panel'); My.Panel.SomePanel = Ext.extends(Ext.

我已经创建了一个Ext.Panel对象,它正确地呈现到页面上指定的div元素

我想将面板对象基础元素(以前渲染的div元素)替换为另一个将被动态标识的div

在这里,我不想通过指定标识的div元素再次创建Panel对象,我需要利用现有的Panel对象,并需要在标识的div存在的地方显示面板


有谁能帮我解决这个问题。

如果您将面板创建为自定义扩展,并具有自己的名称空间:

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'
    }]
});
可能的重复可能的重复