Dans cette partie, nous utiliserons des 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 didacticiel.
En règle générale, une bibliothèque cliente se compose de fichiers CSS et Javascript. Cette bibliothèque cliente contient un fichier javascript qui expose une fonction pour renseigner les valeurs des listes déroulantes.
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 - Obtenir le panneau actuel
Ligne 5 - Validez le panneau actuel.
Ligne 9 - Si aucune erreur ne se produit, passez au panneau suivant
Prévisualisation du formulaire et test de la nouvelle fonctionnalité activée.