ExtJS - Éléments FormPanel clear & dynamic reload

Question

Fondamentalement, j'ai une fenêtre contenant un formPanel avec des éléments, qui est partagée à plusieurs endroits. Cela signifie que les éléments de formPanel peuvent varier légèrement. (le type de contrôles).

J'ai réussi à effacer dynamiquement et ajouter des boutons personnalisés pour la situation appropriée sur la fenêtre.

Mais je rencontre un léger problème avec les éléments de formPanel.

Creuser dans à la source, je trouve que, dans la méthode Ext.Container InitComponent il y a ce petit morceau de code:

var items = this.items; 
if(items){ 
    delete this.items; 
    if(Ext.isArray(items)){ 
     this.add.apply(this, items); 
    }else{ 
     this.add(items); 
    } 
} 

Cela semble être semblable à ce que je suis en train de réaliser. Suppression de tous les éléments en cours et appeler la méthode formPanel.add serait une nouvelle fois invoquer ce code:

if(!this.items){ 
    this.initItems(); 
} 

Tout cela est bien jusqu'ici. Et la charge initiale de la forme fonctionne parfaitement. Bien que, lorsque je cache la fenêtre, et que je l'ouvre à nouveau, le clear/reload des éléments fonctionne parfaitement sur mon composant, mais les childNodes/items précédents sont toujours présents dans dom.children et dom.innerHTML.

Ainsi mon formPanel affiche maintenant deux ou plusieurs ensembles de contrôles qui n'ont aucune valeur, et les contrôles nouvellement chargés en bas avec les valeurs réelles.

J'appelle formPanel.doLayout() après l'effacement/l'ajout d'éléments.

J'ai également essayé d'appeler la méthode formPanel.remove sur chaque élément actuellement sur le formPanel, mais je me retrouve toujours avec l'affichage des doublons, et la mise en page ne semble pas ancrer/ancrer correctement, car je me retrouve avec une barre de défilement horizontale sous chaque élément. Que puis-je faire d'autre pour effacer/recharger les fichiers dom.children et dom.innerHTML?

Toute aide serait grandement appréciée. Je suis en train d'utiliser ExtJS 2.1 si ça change quelque chose. J'utilise ExtJS 2.1.

Answer 1

Si chaque conteneur enfant possède son propre programme de mise à jour, vous devriez pouvoir récupérer le programme de mise à jour du panneau, le déclencher et déclencher tous ses programmes de mise à jour pour enfants. De cette façon, vous n'êtes pas en train de supprimer/ajouter des composants de façon répétitive, mais plutôt de les 'rafraîchir'. En dehors de la curiosité, qu'est-ce que vous essayez vraiment de faire? Vous rechargez simplement les données contenues dans les champs de formulaire de FormPanel?

Answer 2

Cela signifie-t-il que vous ne voulez pas détruire le panneau de formulaire à dessein? Est-ce que la fenêtre contient autre chose que le panneau de formulaire. Si la fenêtre contient le seul panneau de formulaire ou contient le panneau de formulaire comme la plus grande partie, alors je pense qu'il est conseillé de détruire la fenêtre lorsque vous fermez la fenêtre et laissez-la recréer chaque fois que vous en voulez un.

Dans ce cas, vous pouvez passer un paramètre à la fonction qui crée la fenêtre pour dire quel type de contrôles vous voulez (prêt seulement/inscriptible).