Как перерисовать панель на другой 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); 

Затем вы можете создать свою панель всякий раз, когда это может потребоваться, даже ссылки его на 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' 
    }] 
});