📘Binding

En concepto de data binding: Data Binding es el mecanismo que permite enlazar los datos del modelo con los controles de la interfaz de usuario (UI), de forma que cualquier cambio en los datos se refleje automáticamente en la vista, y viceversa (en algunos casos). Es como un "puente" entre el modelo (datos) y la vista (lo que el usuario ve). Modelo JSON Modelo XML Modelo de recursos Modelo Odata Tipos de binding Tipo de Binding Dirección Descripción One-Way Binding Modelo → Vista Los datos fluyen desde el modelo hacia la UI. Si cambian los datos del modelo,...

Acceder a esta publicación

Los Conceptos de enlace de datos en SAPUI5 El data binding o enlace de datos Es uno de los conceptos más importantes y útiles en SAPUI5. Consiste en la capacidad de vincular datos de un modelo con las propiedades de los controles de la interfaz de usuario, permitiendo que los valores se asignen y actualicen de forma dinámica sin necesidad de escribir mucho código. Básicamente, se relaciona el nombre de una propiedad del modelo con una propiedad de un control SAPUI5, y el framework se encarga de mantener esa relación. Gracias a esto, un uso eficiente del binding reduce significativamente la cantidad de código que se debe escribir en una aplicación. SAPUI5 admite cuatro tipos de modelos...

Acceder a esta publicación

El formateo de los campos: refiere a cómo los valores de datos (fechas, números, montos, textos, booleanos, etc.) se presentan visualmente al usuario en la interfaz de la aplicación Fiori, normalmente construida con SAPUI5. El formateo usando tipos de datos Fecha Flotante Moneda Booleano El formatero de medida: Es el proceso de mostrar correctamente un valor numérico acompañado de su unidad de medida. El enlace de expresion: Es una técnica en SAPUI5 que permite usar expresiones lógicas o aritméticas directamente en el binding del XML

Acceder a esta publicación

La utilizacion de los controles UI Tipos de controles de interfaz de usuario Simple Controls Value Holders Layouts Complex Controls UX3 Controls Controles para escritorio sap.ui-namespace El nombre de control: sap.m.Table El control de metadatos: Es un objeto interno que define las propiedades, agregaciones, asociaciones y eventos del control. Esto permite al framework (y a ti como desarrolladora) saber cómo usar el control, qué atributos tiene, cómo se renderiza y cómo interactúa con otros controles. Los elementos: sap.ui.core.Element es la clase base de sap.ui.core.Control Los metodos: en los controles SAPUI5 son funciones que te permiten interactuar, modificar o recuperar...

Acceder a esta publicación

Los conceptos de enlace de datos en SAPUI5 1. Introducción El enlace de datos o data binding es uno de los conceptos fundamentales en el desarrollo con SAPUI5. Permite conectar los modelos de datos con los controles de la interfaz de usuario (UI), de modo que cualquier cambio en los datos se refleje automáticamente en la vista y viceversa. Gracias al data binding, SAPUI5 ofrece un desarrollo más rápido, dinámico y coherente, eliminando la necesidad de manipular manualmente los valores entre la capa lógica y la capa visual. 2. Concepto general de data binding El data binding consiste en establecer una relación entre una fuente de datos (modelo) y un destino (control o propiedad del control)....

Acceder a esta publicación

1. Introducción Uno de los objetivos principales de SAPUI5 es conectarse con los datos del sistema SAP a través de servicios OData. El consumo de servicios OData permite a las aplicaciones leer, mostrar, actualizar y eliminar información en tiempo real proveniente del backend SAP, manteniendo la arquitectura MVC y la separación entre lógica, datos y presentación. En SAPUI5, esta conexión se realiza mediante el modelo ODataModel, un componente del framework que maneja la comunicación con el servicio y simplifica las operaciones CRUD (Create, Read, Update, Delete). 2. Concepto general del consumo OData El flujo básico entre una aplicación SAPUI5 y un servicio OData es el siguiente:...

Acceder a esta publicación

El formateo de los campos 1. Introducción El formateo de campos en SAPUI5 permite controlar la forma en que se muestran los datos en la interfaz de usuario, adaptándolos a distintos formatos (monedas, fechas, cantidades, textos, etc.). Este proceso no modifica los datos originales del modelo, solo su representación visual, mejorando la legibilidad y la experiencia del usuario en las aplicaciones SAP Fiori. 2. Concepto de formateo El formateo consiste en aplicar una transformación al valor de un campo antes de mostrarlo en pantalla. SAPUI5 permite hacerlo de dos formas principales: Mediante funciones de formateo personalizadas (definidas por el desarrollador). Utilizando formatters integrados...

Acceder a esta publicación

Los formularios y el envío de datos al backend 1. Introducción Los formularios son elementos fundamentales en las aplicaciones SAPUI5, ya que permiten a los usuarios ingresar, modificar y enviar datos hacia el backend SAP mediante servicios OData. Estos formularios son comunes en aplicaciones Fiori transaccionales, donde se requiere capturar información del usuario (por ejemplo, crear pedidos, clientes o registrar incidencias). SAPUI5 ofrece una estructura flexible y modular para construir formularios dinámicos que se integran fácilmente con los modelos de datos y con los servicios OData del SAP Gateway. 2. Estructura de un formulario en SAPUI5 El control base para formularios es sap.ui.layout.form.SimpleForm,...

Acceder a esta publicación

Lección 9: Los Eventos Los Workflows, al ser procesos de negocio, requieren una comunicación vital con las aplicaciones de negocio, la cual se logra mediante eventos. Una aplicación de negocio informa a través de eventos cuándo inicia o finaliza un proceso o actividad, cuándo una actividad ya no es necesaria, o cuándo cambia el ambiente de ejecución de un proceso. Punto 1: Definición de Eventos Un evento en Workflow representa el cambio de estado de una instancia de un objeto de negocio (Business Object). Por ejemplo, al modificar un material, el Business Object lanza el evento "Changed". Para usar un evento como interfaz entre una aplicación y un Workflow, se necesita...

Acceder a esta publicación

El uso del modelo en los diferentes tipos de listas 1. Introducción En las aplicaciones SAPUI5, las listas son uno de los controles más utilizados para mostrar conjuntos de datos provenientes de un modelo (por ejemplo, OData, JSON o XML). Permiten representar múltiples registros de forma estructurada y navegable, respetando las directrices de diseño de SAP Fiori UX. El correcto uso de modelos y binding en las listas es fundamental para garantizar el rendimiento, la reutilización de componentes y la sincronización dinámica con los datos del backend SAP. 2. Control sap.m.List y sap.m.Table SAPUI5 ofrece diferentes controles de listas según el tipo de visualización requerida: ...

Acceder a esta publicación