如何重新渲染面板不同的格当面板已经渲染到一些其他分区(How to re-render the pa

我创建了一个Ext.Panel对象，它正确地呈现到指定的div元素我的网页上。

我想面板对象基本元件（先前渲染div元素）取代，其将被动态地确定另一个DIV。

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

任何一个可以帮助我对此。

由于Venkat

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

文章来源: How to re-render the panel to different div when panel already render to some other div