CQ5 AEM: comment obtenir un composant par leur nom dans une boîte de dialogue à l'aide de javascript

Je sais que ce sera probablement une question simple, mais je suis nouveau sur CQ5 et l'AEM en général.

J'ai un cq:Widget nœud qui est un simple champ de texte.

 <rowtitlevalue
     jcr:primaryType="cq:Widget"
     fieldLabel="Row Title Value"
     name="./rowtitlevalue"
     xtype="textfield"
     disabled="true"/>

Maintenant, à l'heure actuelle dans mon JavaScript, je suis en train d'y accéder via

var textfield = panel.findByType('textfield')[1];

qui fonctionne très bien (il y a une autre textfield avant celui-ci, d'où le 1 dans le tableau.

MA QUESTION:
comment dois-je regarder pour ce champ à l'aide, c'est le NOM de l'attribut dans mon javascript.

Toute aide serait appréciée.

Aussi, je suis en utilisant cet objet pour exécuter les opérations suivantes:

if (show != undefined) {
    textfield.enable();
    textfield.show();
}
else if (show == undefined) {
    textfield.disable();
    textfield.hide();
}

Le JavaScript est situé dans le Composant de Base de ClientLibs.

Et c'est à l'Auditeur que j'ai sous la case à cocher qui définit la valeur de preuve dans le javascript (qui fonctionne bien).

<listeners
jcr:primaryType="nt:unstructured"
loadcontent="function(field,rec,path){Ejst.toggleRowTitle(field);}"
selectionchanged="function(field,value){Ejst.toggleRowTitle(field);}"/>

S'il vous plaît laissez-moi savoir si vous avez des problèmes avec ce.

L'apprécier à l'avance

où sont u à l'aide de ce javascript? Dans la boîte de dialogue de l'auditeur?
le javascript est le composant de base de ClientLib.

OriginalL'auteur Alisneaky | 2014-03-20

10

La CQ.Boîte de dialogue de l'API définit la getField( String name) méthode qui retourne un champ avec le nom donné. Dans le cas où plus d'un champ avec le même nom existe, il retourne un tableau de ces champs.

Donc de trouver des parents de xtype dialog au lieu de panel comme indiqué ci-dessous permettrait de résoudre cette.
```
Ejst.toggleRowTitle = function(checkbox) {
    var dlg = checkbox.findParentByType('dialog');
    var rowTitleField = dlg.getField('./rowtitlevalue');
    //perform required operation on rowTitleField
}
```
Parfait. Droit au but. Clair et précis. Qui API définit la méthode getField de Référence pour l'avenir?

OriginalL'auteur rakhi4110

j'ai fait quelque chose comme ça il y a quelques jours et ma solution a été de faire un js fichier sur le même niveau du composant, et avec le même nom que le composant avec les informations dont j'ai besoin.
Quelque chose comme ceci:
Le fichier sera appelé rowtitlevalue.js et le contenu pourrait être:

 "use strict";

    use(function() {

        var data = {};
        data.rowtitlevalueData = properties.get("rowtitlevalue");
        //more properties if needed...

        return  {
           data: data 
        }
    });

alors où j'ai besoin de l'utiliser en javascript, j'ai besoin de l'aide des balises suivantes:

<sly data-sly-use.data="rowtitlevalue.js">

    <script type="text/javascript">
        var myVariable = ${data.rowtitlevalueData};
   </script>

</sly>

OriginalL'auteur Phoenix_uy

Vous devez vous connecter pour publier un commentaire.