Utilisation de fonctions personnalisées et de l’éditeur de code

Dans cette partie, nous utiliserons les fonctions personnalisées et l’éditeur de code pour créer des règles de fonctionnement.

vous avez déjà installé ClientLib avec la fonction personnalisée plus tôt dans ce tutoriel.

En règle générale, une bibliothèque cliente se compose d’un fichier CSS et JavaScript. Cette bibliothèque cliente contient un fichier JavaScript qui expose une fonction permettant de renseigner les valeurs de la liste déroulante.

Fonction à renseigner dans la liste déroulante

Définir le titre du résumé du panneau

Validation du panneau

Voici le code utilisé pour valider les champs du panneau.

//debugger;
var errors =[];
var fields ="";
var currentPanel = guideBridge.getFocus({"focusOption": "navigablePanel"});
window.guideBridge.validate(errors,currentPanel);
console.log("The errors are "+ errors.length);
if(errors.length===0)
{
        window.guideBridge.setFocus(this.panel.somExpression, 'nextItem', true);
}
else
  {
    for(var i=0;i<errors.length;i++)
      {
        var fields = fields+guideBridge.resolveNode(errors[i].som).title+" , ";
      }
        window.confirm("Please fill out  "+fields.slice(0,-1)+ " fields");
  }

Vous pouvez annuler la mise en commentaire de la ligne 1 pour déboguer le code dans la fenêtre du navigateur.

Ligne 4 - Obtention du panneau actuel

Ligne 5 - Validez le panneau actuel.

Ligne 9 - Si aucune erreur n’est déplacée vers le panneau suivant

Prévisualisez le formulaire et testez la nouvelle fonctionnalité activée.