패널이 다른 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' 
    }] 
});