Как перерисовать панель в другой элемент div, если панель уже отображается в каком-либо другом элементе div

Question

Я создал объект Ext.Panel, он правильно отображается в указанном элементе div на моей странице.

Я хочу заменить базовый элемент объекта панели (ранее отображенный элемент div) на другой div, который будет идентифицирован динамически.

Здесь я не хочу снова создавать объект Panel, указав идентифицированный элемент 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);

Затем вы можете создать свою панель в любое время, даже если она ссылается на зарегистрированный вами тип x:

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