Comment définir html d'un élément dans extjs

1) Comment définir HTML déjà créé panneau ou tout autre Élément?

Je suis un débutant. J'ai essayé de le ci-dessous pour définir certains contenus à l'intérieur du code HTML

var clickedElement = Ext.getCmp('id').el.child('>');
clickedElement.setHTML("hello");

Ci-dessus fonctionne bien mais le problème est que, comme le groupe d'experts a beaucoup de div à l'intérieur.. l'approche ci-dessus est l'effacement de celles à l'intérieur du html (j'.e div) et de le remplacer par le contenu ci-dessus.

J'ai vu par google Chrome, que le groupe spécial a trois imbriquée div à l'. Donc, si je veux ajouter du code HTML de lui, puis j'ai besoin de donner quelque chose comme ci-dessous:

var clickedElement = Ext.getCmp('id').el.child('>').child('>');  //two times child

Quand j'ai essayé la méthode ci dessus, je suis d'réussi à ajouter le contenu html et aussi la div ne veut pas supprimer. Ici, le problème est que, je ne vois pas l'ajout de contenu (peut-être à cause de quelque défaut stylings, je peux voir le contenu est ajouté à Chrome console si.)

Je suis juste demander s'il existe un moyen efficace d'ajouter du HTML dans le panneau. À mon avis, cela devrait être très facile d'approche qui je suis complexant ici.

2) Comment vérifier si un Élément a un enfant en particulier ?

Supposons, par exemple, Si j'ai ajouté un extjs Button comme un enfant(article) dans mon panneau lors de la création il. (ce que je peux faire). Comment vérifier si le panneau a l'élément particulier (j'.e bouton ici)?

Avant de demander ici, j'ai beaucoup cherché et trouvé quelque chose de relatif, mais pas utile lien à mon problème.

InformationsquelleAutor Mr_Green | 2013-02-07
  1. 13

    Dans ExtJS la plupart des composants sont considérés comme un seul élément de corps de même si vous voyez plus sur le dom. En revanche pour jQuery qui est fondamentalement ajouté au-dessus d'un balisage ExtJS générer l'ensemble du balisage par lui-même.

    Maintenant à votre question, pour mettre à jour le code HTML d'un composant, vous pouvez simplement appeler la update() méthode que

    Ext.getCmp('id').update('hello');

    Voir JSFiddle

    • Merci cela a fonctionné. veuillez également donner la réponse à ma deuxième question dans ce post.. 🙂
    • Pour cela, vous chercher le Composant et non pas un élément dans le dom. Comme Ext.getCmp('id').vers le bas (bouton[texte=enter]");
    • ok.. j'ai utilisé la mise à jour() comme vous l'avez mentionné, mais cela fonctionne de la même que celle dont j'ai parlé dans mon post ie var clickedElement = Ext.getCmp('id').el.child('>'); clickedElement.setHTML("hello"); de là, c'est trop suppression de l'intérieur div. et maintenant quand j'essaie d'obtenir le code html, tout mon code est foiré. parce que certains éléments n'ont pas imbriquée div à l'(j'.e contenu des éléments modifiés) et les autres ont imbriquée div à l'...
    • Hey, je l'ai résolu en faisant ce qui suit, mais je pense que ce n'est pas recommandé et il pourrait être plus efficace: Ext.each(Ext.ComponentQuery.query('panel[cls=my-cls]'),function(panel){ panel.update(''); }); //retrait supplémentaire div de tous les enfants des éléments panel.
    • Pourquoi vouloir à ce niveau-là? Vous pouvez toujours obtenir le corps el de niveau du composant. Je pense que vous êtes dur sur vous-même. Vous n'avez pas besoin de jouer avec les dom ici. Btw. votre approche ci-dessus est OK. Oui, vous pouvez la régler, mais vous voulez l'avis de tout changer, sauf si vous avez des centaines de plutôt complexe panneaux.
    • Si j'appelle la méthode pour obtenir le code html, la méthode retourne le contenu ainsi que des balises div. Maintenant, pour obtenir le code html, je suis à l'aide de l'instruction suivante : panel.body.dom.innerHTML; j'ai utilisé de la même panel.el.child('>').getHTML() qui revient au même.
    • jetez un oeil à des modèles comme xtemplate. Vous pouvez appliquer un à un composant qui remplit ensuite le corps... je pense qu'ils vont faire de votre vie plus facile 😉
    • Encore une fois.. 😀 Veuillez jeter un oeil à ce lien stackoverflow.com/q/14751580/1577396

    InformationsquelleAutor sra
  2. 1
    Ext.ComponentQuery.query('#itemIdOfComponent').update('new value');

    Ne définissez pas des id sur les composants au lieu d'ajouter un itemId configuration et voir la documentation pour Ext.ComponentQuery.requête.

    InformationsquelleAutor Jonathan Caballero