El formulario y el envio de datos al backend
Formulario: es un contenedor de elementos
- los formularios: sap.ui.layout.from.Form API
- los formulario simples: sap.ui.layout.from.SimpleForm API
Controles
- ResponsiveGridLayout: se utiliza para renderizar
- FormContainers: es un bloque o sección dentro de un SimpleForm o un Form que se usa para agrupar campos relacionados en un formulario.
- FormElement: es un bloque básico dentro de un formulario (Form o FormContainer). Se usa para definir:
-
Una etiqueta (label)
- Uno o varios campos de entrada (fields)
Las validaciones con HTML5 y JavaScript: son técnicas para verificar que los datos ingresados por el usuario sean correctos antes de procesarlos. Las validaciones realizadas en el navegador son validaciones en el lado del cliente y las de servidor son del lado del servidor.
- Validaciones propias de HTML5: Son validaciones basicas y no se pueden personalizar. Los atributos mas usados pra las validaciones son:
- Requiered: Especifica que un datos es obligatorio
- Pattern: Se usa para validar un campo de entrada contra una expresión regular. Sirve para definir un formato específico que debe cumplir el valor de un campo de tipo input.
- Type: En un campo de entrada HTML, type define el tipo de dato que se espera, tales como Date, Daterime, Email, Number, Password, Tel, entre otro.
- Value: Define o obtiene el valor de un input
- Validaciones utilizando JavaScript: son validaciones personalizadas.
Como mostrar los mensajes al usuario
- sap.m.MessagePopover: es un control de SAPUI5 usado para mostrar mensajes al usuario en forma de lista desplegable, como:
-
Errores
-
Advertencias
-
Información
-
Mensajes de éxito
Un mensaje continene al menos
- El identificador
- El tipo de mensaje
- El destino
- El procesaro de mensaje
- El texto del mensaje
Para que funcione debe tener las librerias
- sap/ui/core/Core
- sap/ui/core/library
- sap/ui/core/message/Message
- Iniciar todos los componentes en la funcion onInit()
- Crear los fragmentos
Las expresiones regulares: Patrones o incidencias, deben limitarse con barras /
- regex: es una cadena de caracteres especial que define un patrón de búsqueda. Se usa para validar datos, buscar coincidencias en textos, reemplazar partes de un texto.
El envio de los datos al backend
1ï¸âƒ£ El usuario llena un formulario
2ï¸âƒ£ Presiona un botón "Guardar"
3ï¸âƒ£ La aplicación envía los datos al backend mediante un servicio OData
4ï¸âƒ£ El backend procesa y guarda los datos (por ejemplo, en SAP)