Validator pour aui: sélectionnez avec autofield dans Liferay

Question

Je voulais savoir comment pouvons-nous écrire validateur pour aui: sélectionnez le champ qui est dans la catégorie Autofield.

C'est ma structure du code:

for(loop total number of items) 
{ 
// CREATE aui select, and aui inputs by appending the index 
} 

Il n'y a pas de problème avec la fonctionnalité de autoFields. Je suis en mesure de créer des entrées en double lors de la visualisation du formulaire en faisant une boucle sur ma collection d'éléments, et il n'y a également aucun problème lors de "CRÉATION" du formulaire en utilisant l'icône liferay fourni PLUS.

J'ai aui: sélectionnez l'élément dans le conteneur, qui sera dupliqué selon la fonctionnalité Autofield. Comment puis-je fournir un validateur pour cet élément aui: select. ?

Answer 1

En supposant un certain « modèle » <aui:select> existe au sein de votre forme similaire à:

<aui:select id="elementIdPrefix0" name="elementIdPrefix0" label="Number" showEmptyOption='true' > <!-- options go here --></aui:select> 

Dans votre auto-fields, vous devrez fournir un écouteur d'événement pour l'événement onclone. Dans le rappel vous recherchez le <aui:select> à partir du nœud de conteneur de ligne qui vient d'être créé (passé dans le rappel en tant que paramètre).

<script> 
    AUI().use('liferay-auto-fields', 'aui-form-validator', function(A){ 

    //Setup rules 
    var elementIdPrefix = '<portlet:namespace />elementIdPrefix', 
     myRules = {}, 
     rulesRepository = {}; 

     rulesRepository[elementIdPrefix] = {required:true}; 
     myRules [elementIdPrefix + '0'] = rulesRepository[elementIdPrefix]; 

     //Define validator 
     var validator = new A.FormValidator({ 
          boundingBox: '#<portlet:namespace />myForm', 
          rules: myRules 
          }); 

    new Liferay.AutoFields({ 
    contentBox: '#my-fields', 
    fieldIndexes: '<portlet:namespace />indexes', 
    on: { 
     'clone': function(container){ 

      //Lookup the clone 
      AUI().all('[name^=<portlet:namespace />elementId]').each(function(node, index){ 

      if(container.row.contains(node)){ 
       console.log("Assign to " + node.get('id')) 
       //inject the rules 
       myRules [node.get('id')] = rulesRepository[elementIdPrefix] 
      } 
      }) 
     } 
    } 
}).render(); 
}); 

</script> 

Idéalement, vous devriez être en mesure d'utiliser un sélecteur d'enfant pour obtenir le nœud à l'intérieur du conteneur clone. J'ai dû fournir un moyen différent puisque je ne pouvais pas obtenir cette méthode pour travailler. La raison pour laquelle je peux utiliser mon approche est due au fait que je sais ce que le elementIdPrefix est. Pour pouvoir donner l'exemple, je suis allé de l'avant et j'ai profité de ce fait.

Pour une approche plus dynamique, un sélecteur tel que myNode.one('> selectorString'); devrait être utilisé.