Uso de funciones personalizadas y editor de código
- Temas:
- Formularios adaptables
Creado para:
- Principiante
- Desarrollador
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
Definir título de resumen del panel
Validar panel
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.