Utiliser des fonctions personnalisées et l’éditeur de code
- S'applique à :
- Experience Manager 6.4
- Experience Manager 6.5
- Rubriques :
- Formulaires adaptatifs
Créé pour :
- Débutant
- Développeur
Dans cette partie, nous allons utiliser les fonctions personnalisées et l’éditeur de code pour créer des règles commerciales.
Vous avez déjà installé la bibliothèque cliente avec 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 remplir les valeurs de la liste déroulante.
Fonction pour remplir la liste déroulante
Définir le titre de résumé du panneau
Valider le 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 - Validation du panneau actuel.
Ligne 9 - Si aucune erreur n’est détectée, passez au panneau suivant.
Prévisualisez le formulaire et testez la nouvelle fonctionnalité activée.