✒️SAP BTPFIORI / Las validaciones y los mensajes Por Claudia Monsalve Lopez

Las validaciones y los mensajes 1. Introducción En toda aplicación SAPUI5, es esencial validar los datos ingresados por el usuario antes de enviarlos al backend y mostrar mensajes claros y uniformes. Las validaciones aseguran la integridad de los datos, mientras que los mensajes comunican el estado de la aplicación (errores, advertencias, confirmaciones o información). SAPUI5 incluye un conjunto de componentes estándar para manejar ambas funcionalidades, garantizando una experiencia de usuario consistente con las directrices SAP Fiori. 2. Tipos de validaciones Las validaciones en SAPUI5 pueden realizarse en dos niveles: 🔹 Validaciones en frontend (cliente) Se ejecutan directamente en la interfaz...

Acceder a esta publicación

La visualizacion de campos obligatorios en la UI Concepto Descripción Visualización de campos obligatorios Mostrar en la interfaz qué campos son requeridos ¿Cómo se hace? Asteriscos, bordes rojos, mensajes, anotaciones UI ¿Dónde se define? En la UI (XML/JS), en las anotaciones o en CDS views Funcion Factory: es una función que crea y devuelve objetos o componentes, en lugar de usar un new directo o clases. Es un patrón muy común en JavaScript y SAPUI5, especialmente cuando: Quieres...

Acceder a esta publicación

1. LA VISUALIZACION DE CAMPOS OBLIGATORIOS EN LA UI Se debe agregar el atributo required="true", PERO ESTO NO ES SUFICIENTE, FALTA INCLUIR LA LOGICA. Tambien teenemos la propiedad valueState (marco con colores, de verde a rojo dependiendo si es valido el valor ingresado) validacion para el control DatePicker: Podemos usar el metodo Event.getSource().getValue() exite el metodo oEvent.getSource().isValidValue() QUE VALIDA SI ES UNA FECHA VALIDA 2. LA FUNCION FACTORY En esta tecnica, se proporciona UNA FUNCION DE FABRICA AL BINDING DE AGREGACION. ESTA FUNCION DEVOLVERA LOS CONTROLES SAPUI5. 3. LOS MENSAJES podemos usar el tipo de mensaje sap.m.MessageBox, que interrumpe al usuario hasta que confirme. EN EL OBJECT.CONTROLLER.JS...

Acceder a esta publicación

El contexto es un puntero a un objeto en los datos del modelo, un enlace relativo necesita un contexto como punto de referencia para resolver su camino, sin un contexto un enlace relativo no se resuelve y no apunta a los datos del modelo. La palabra clave THIS de JavaScript es similar a lo que podríamos encontrar en otros lenguajes basados en clases como Java o C# Java Script en realidad es un lenguaje basado en prototipos y no tiene un concepto de clase, apunta a un objeto que está llamando a la función, este objeto a veces se llama contexto, sin embargo, en JavaScript las funciones internas de la referencia this pueden vincularse a diferentes objetos dependiendo de dónde se llame a la función.

Acceder a esta publicación

Validaciones y mensajes campos obligatorios required="true" valueState ChangedDAteState ChangedNoteState Event.getSource().getValue() función factory fábrica controles dinámicos sap.m.list mensajes de confirmación enabled alcance en función contexto en objetos this bind() MessageBox javascript basado en prototipos no tiene el concepto de clase terminal new terminal git clone url npm install crear configuracion para ejecutarlo

Acceder a esta publicación

Las validaciones de los campos obligatorios Para colocar un campo como requerido agregamos el atributo required con el valor de true en el tag label, que esta asociado al campo de entrada Tambien podemos agregar la propiedad valueState que permite ver si el estado del campo es visual Es posible ampliar el modelo con propiedades o elementos que no existen en el servicio OData El metodo oEvent.getSource().IsValidValue() que valida si se ingresa una fecha valida La función Factoy: podemos diseñar la función de fabrica para devolver controles dinámicos basados en datos Los Mensajes Sap.m.MessageBox : interrumpe al usuario en su acción y el usuario debe explícitamente reconocer el mensaje de error/información/advertencia...

Acceder a esta publicación

La visualización de campos obligatorios en la UI Es muy común necesitar campos obligatorios en la UI. Ya que se debe validar si el usuario ingreso los datos de forma correcta y completa. Como distingir los campos obligatorios en SAP, al lado de sus respectivas etiquetas aparece un * en color rojo. A nivel de HTML en el Tag Label se debe de colocar required="true" Se utiliza el método change para validar el campo cada vez que cambie de valor. Existe el método oEvent.getSource().isValidValue() que valida si se ingresa una fecha valida.

Acceder a esta publicación