✒️SAP BTPFIORI / Los formularios y el envió de datos al backend Por Roberto Santucho
SAP BTPFIORI Los formularios y el envió de datos al backend
1. LA IMPLEMENTACION DE FORMULARIOS WEB FACILES DE USAR
El formulario actua como un contenedor para otros elementos de la ui tales como etiquetas, campos de entrada, etc
En SAPui5, lse pueden contruir usando 2 controles diferentes
- Los formulario: sap.ui.layout.form.Form API
- los formularios simples: sap.ui.layout.form.SimpleForm API
Control ResponsiveGridLayout representa un form mediante una cuadricula responsiva, el control Grid se usa para renderizar.
FormContainer se representan en una o diferentes columnas DEPENDIENDO DEL ESPACIO DISPONIBLE, mientrsa que las etiquetas de los campos se muestra junto o encima el textbox.
Un FormElement representa una fila en un FormContainter: en una combinacion de una etiqueta y doferentes controels asociadso como un imput.
2. LAS VALIDACIONES CON HTML5 Y JS
Razones para validaciones del lado del cliente
- los datos ingresado deben estar en el formato correcto.
- para validar la seguridad del sistema, ejemplo validar contrasena
- evitamos que se envie info maliciosa a nuestra app
en HTML5 encontramos 2 forma de hacer validaciones de formulario
1) Validaciones propias de HTML5: valida la mayoria de los datos SIN DEPENDER DE JAVASCRIPT. Lo hace mediante el uso de atributos de validacion en los elementos dle formulario
lso atributos mas usados son:
- atributo required
- atributo pattern
- atributo type: Date, Datetiem, DatetimeLocale, email, month, number, password, tel, text, time, url y week.
- atributo value
2)Validaciones utilizando JS.
En caso que querramos controlar la apariencia de los mensajes de eror, tratar con viejos webbroser que no adminte validacon de formularios de html5, o realizar alguna validacion personalizada no cubierta por html5.
lo agregamos en algun event, como al enviar o dentro de los controls, como el change de un imput.
3. COMO MOSTRAR LOS MENSAJES AL USUARIO?
el control emergente de mensajes sap.m.MessagePopover es la forma preferida
Los mensajes notifican al usuario sobre estados especificos de la app. Existen los siguientes dos ripos de menajes
- los mensajes de la interfaz de usuario del lado del cliente, se refieren a un control
- los mensajes del servidor se refieren a una ruta de enlace, son administrados por el servidor
3.1 LA IMPLEMENTACON DE LA LOGICA PARA UTILIZAR EL MessagePopover.
4. LAS EXPRESIONES REGULARES
tamien llamadas regex, es una secuencia de caracter que forma un patro de busqueda.
/ ^d{9}$/
- ^ inicio de una nueva linea
- cifra numerica "d" {9} de 9 ocurrencias
- $ final de una linea.
5. EL ENVIO DE LOS DATOS AL BACKEND
usamos un boton que vamos a dibujar en la vista XML, donde el envento press esta asociada a la funcion JS que va a enviar los datos a traves del servicio OData con la operacion update.
Al mismo se le debe pasar en el body en formato JSON los datos del formlaroi que esta esperando el servicio.
Escanear / Compartir
Sobre el autor
Publicación académica de Roberto Hernan Santucho, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.
Roberto Hernan Santucho
Profesión: Ingeniero en Sistemas - Mexico - Legajo: VA51C
✒️Autor de: 43 Publicaciones Académicas
🎓Egresado del módulo:
Certificación Académica de Roberto Santucho
Disponibilidad Laboral: FullTime 
