Comment faire pour rendre le panneau à div différent lorsque le panneau déjà rendre à un autre div

Question

J'ai créé un objet Ext.Panel, il a rendu correctement à l'élément div spécifié sur ma page.

Je souhaite remplacer l'élément sous-jacent de l'objet (ancien élément div) par un autre div qui sera identifié dynamiquement.

Ici, je ne veux pas créer à nouveau l'objet Panel en spécifiant l'élément div identifié, j'ai besoin d'utiliser l'objet panneau existant et j'ai besoin d'afficher le panneau à l'endroit où la div identifiée existe.

Quelqu'un peut m'aider à ce sujet.

Merci Venkat

Answer 1

Si vous créez votre panneau comme une extension personnalisée, avec son propre espace de noms:

Ext.namespace('My.Panel'); 

My.Panel.SomePanel = Ext.extends(Ext.Panel,{ 
    // Your custom panel configuration here 
    itemId:'myPanel' 
}); 

Ext.reg('mypanel',My.Panel.SomePanel); 

Ensuite, vous pouvez créer votre panneau chaque fois qu'il pourrait être nécessaire, référencement même par la xtype que vous avez enregistré:

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