Uso de funciones personalizadas y editor de código using-functions-and-code-editor
En esta parte, utilizaremos funciones personalizadas y el editor de código para crear reglas empresariales.
ya ha instalado ClientLib con función personalizada anteriormente en este tutorial.
Normalmente, una biblioteca de cliente consta de un archivo CSS y un archivo Javascript. Esta biblioteca de cliente contiene un archivo javascript que expone una función para rellenar valores de lista desplegable.
Función para rellenar la lista desplegable function-to-populate-drop-down-list
Definir título de resumen del panel set-the-summary-title-of-panels
Validar panel validate-panels-using-rule-editor
El siguiente es el código utilizado para validar los campos del panel
//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");
}
Puede quitar el comentario de la línea 1 para depurar el código en la ventana del explorador.
Línea 4: Obtención del panel actual
Línea 5: Valide el panel actual.
Línea 9: si no hay errores, vaya al siguiente panel
Obtenga una vista previa del formulario y pruebe la funcionalidad recién habilitada.