✒️SAP BTPFIORI / Las funciones más utilizadas en SAPUI5 Por Claudia Monsalve Lopez

Selector Alummnos / Empresas

Las funciones más utilizadas en SAPUI5

Las funciones más utilizadas en SAPUI5

Las funciones mas utilizadas en SAPUI5

  • sap.ui.getCore(): se usa para acceder al núcleo central del framework SAPUI5, es decir, al objeto que representa el UI5 Core. Este núcleo maneja cosas fundamentales como:
    • El modelo central (modelo de datos)

    • Los controles UI

    • La configuración global

    • La inicialización de la aplicación

    • El manejo de eventos

  • this.getView().byld(id): en SAPUI5 se usa para obtener una referencia directa a un control (por ejemplo, un botón, input, tabla, etc.) que está definido en la vista actual (XML o JS).
  • sap.ui.getCore().applyChanges(): fuerza que todos los cambios pendientes en los controles de la UI se apliquen de inmediato en la pantalla (DOM).
  • jQuery.sap.domById(id): Devuelve el elemento del DOM (HTML) correspondiente al ID que se le pasó, dentro del contexto de una aplicación SAPUI5.

Metodos para usar con array en JavaScript: Un método es una función especial que puedes usar sobre un array para hacer cosas como:

  • Agregar o quitar elementos
  • Recorrer el array
  • Filtrar datos
  • Ordenar
  • Transformar

Un array es una lista de elementos. Ejemplo: ["manzana", "banana", "pera"]

  • El metodo find: se usa para buscar el primer elemento de un array que cumpla con una condición.
  • El metodo foreach: permite recorrer todos los elementos uno por uno, y ejecutar una función en cada uno.
  • El metodo map: se usa para crear un nuevo array aplicando una transformación a cada elemento del array original.
  • El metodo reduce: sirve para reducir un array a un solo valor.
  • El metodo filter: sirve para crear un nuevo array con solo los elementos que cumplen una condición.
  • El metodo sort: se usa para ordenar los elementos de un array.

Insertar o eliminar elementos de un array

  • .shift(): Se puede eliminar el primer elemento de un array
  • .inshift('Nuevo Elemento'): Se puede adicionar un nuevo elemento al inicio del array
  • .push('Nuevo Elemento'): se usa para agregar uno o más elementos al final del array.
  • .pop(): Elimina el ultimo elemento de un array

Indice dentro de un array: es la posición de un elemento dentro del array. Empieza desde 0.

  • indexof: conocer el indice de un elemento dentro de un array. Si buscamos un valor dentro del array que no existe nos muestra -1

Ciclos: es una estructura que te permite repetir instrucciones varias veces. tiene las siguientes caracteristicas

  • Un contador
  • Una condicion de salida
  • Un ciclo
  1. El ciclo FOR: sirve para repetir un bloque de código un número específico de veces, generalmente para recorrer un array o hacer una secuencia de pasos.
  2. El ciclo while: repite un bloque de código mientras una condición sea verdadera.
  3. El ciclo Do While: ejecuta un bloque de código al menos una vez, y luego repite mientras se cumpla una condición.

Los objeetos literales: es una forma de crear objetos directamente con sus propiedades y valores, sin usar clases ni funciones constructoras. Es la forma más común de definir objetos en JavaScript. Pueden almacenar datos tipo string. enteros, boleanos. Un objeto Json tiene los siguientes metodos:

  • pase():
  • stringify()

Copia de un objeto JavaScript

Metodos: una función que está dentro de un objeto

  • Metodos normales
  • Metods del controlador de eventos
  • Metodo placeAt de JavaScrip:
  • toLowerCase(): cambiar a minuscula
  • to upperCase(): cambiar a mayuscula

Método ¿Qué hace?
replace() Reemplaza una parte del texto
replaceAll() Reemplaza todas las apariciones
substring() Extrae parte de la cadena
slice() Similar a substring()
split() Divide en partes (convierte en array)
toUpperCase() Convierte a mayúsculas
toLowerCase() Convierte a minúsculas
trim() Quita espacios al inicio y final


 

Escanear / Compartir

 

 


Sobre el autor

Publicación académica de Claudia Bibiana Monsalve Lopez, en su ámbito de estudios para la Carrera Consultor SAP BTP Fiori.

SAP Master

Claudia Bibiana Monsalve Lopez

Profesión: Ingeniera Informatica - Colombia - Legajo: XF24Z

✒️Autor de: 109 Publicaciones Académicas

🎓Egresado de los módulos:

Certificación Académica de Claudia Monsalve

✒️+Comunidad Académica CVOSOFT

Continúe aprendiendo sobre el tema "Las funciones más utilizadas en SAPUI5" de la mano de nuestros alumnos.

SAP SemiSenior

Las funciones más utilizadas en SAPUI5 1. Introducción SAPUI5 provee una amplia gama de funciones y métodos predefinidos que facilitan el desarrollo de aplicaciones SAP Fiori. Estas funciones permiten realizar tareas comunes como acceder a modelos, manipular vistas, manejar mensajes, navegar entre pantallas o trabajar con elementos de interfaz de usuario. Conocer y aplicar correctamente estas funciones es clave para optimizar el código, mejorar la mantenibilidad y cumplir con los estándares del framework SAPUI5. 2. Funciones principales del framework SAPUI5 A continuación se resumen las funciones más utilizadas en el desarrollo de aplicaciones SAP Fiori con SAPUI5: 🔹 1. this.getView() Devuelve...

Acceder a esta publicación

Creado y Compartido por: Jose Rodrigo Baz Suarez / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

Las funciones mas utilizadas en SAPUI5 sap.ui.getCore(): se usa para acceder al núcleo central del framework SAPUI5, es decir, al objeto que representa el UI5 Core. Este núcleo maneja cosas fundamentales como: El modelo central (modelo de datos) Los controles UI La configuración global La inicialización de la aplicación El manejo de eventos this.getView().byld(id): en SAPUI5 se usa para obtener una referencia directa a un control (por ejemplo, un botón, input, tabla, etc.) que está definido en la vista actual (XML o JS). sap.ui.getCore().applyChanges():...

Acceder a esta publicación

Creado y Compartido por: Claudia Bibiana Monsalve Lopez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

1. LAS FUNCIONES PRINCIPALES DE SAPUI5 Para acceder a la informacion de un control podemos usar las funciones: sap.ui.getCore(): devuelve instancia de la app o core. por ejemplo, saber el idioma en que estamos logueados: sap.ui.getCore().getConfiguration().getLanguage(). sap.ui.getCore().byid(id_de_la_vista): devuelve instancia de control SAPUI5 creada con el id de la vista pasado por parametro. this.getView().byId(id): en el controlador de la vista para obtener el controlador con el id Ejemplo this.getView().byId("Nombre").setValue(oFirstName); sap.ui.getCore().applyChanges(): Para realizar y representar cambios inmediatamente para los controles UI5. jQuery.sap.domById(id): Para...

Acceder a esta publicación

Creado y Compartido por: Roberto Hernan Santucho

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


Una función CALLBACK en JavaScript es una función que se usa para propagar el resultado de una operación, esta función CALLBACK se pasa como parámetro a otra función y es llamada como un resultado cuando la función completa su operación. Un CALLBACK llamada de vuelta es una función que se ejecuta después que otra lo haga es un mecanismo para asegurar que cierto código no se ejecute hasta que otro allá terminado. Al ser JavaScript un lenguaje orientado a eventos los CALLBACKS son una buena técnica para controlar la sincronía. Los objetos en JavaScript nos ayudan a agrupar información un objeto no es más que un conjunto de propiedades...

Acceder a esta publicación

Creado y Compartido por: Jose Medina / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


1 | Key Functions in SAPUI5 We will explore some of the most commonly used functions and methods in SAPUI5, crucial for developing SAP Fiori applications. Accessing Core Information One important aspect of developing SAPUI5 applications is accessing different elements from any point in the application. For instance, you might need to retrieve a control's value from a view or access data from a model to populate a combobox. sap.ui.getCore(): This function returns an instance of the core of the application. The core can store global information, models, and more. It is the most powerful function at the application level. var language = sap.ui.getCore().getConfiguration().getLanguage(); console.log("Logged in language: " + language);...

Acceder a esta publicación

Creado y Compartido por: Jaime Eduardo Gomez Arango / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

sap.ui.getCore() instancia de la aplicación para saber el idioma sap.ui.getCore().getConfiguration().getLanguage() sap.ui.getCore()byid(id) sap.ui.getCore().applyChanges() jQuyery.sap.domByid(id) JQuery.sap.byId(id) para efectos visuales colores, efectos, tamaños de letras JavaScript para la lógica en los controladores colecciones, matrices, arreglos, arrays. método find callback índice del array método foreach para cada elemento del array map reduce Filter Filtra Sort Ordena .shift elimina el primer elemento .unshift(0nuevo elemento') .push .pop indexOf Los ciclos, bucles o iteraciones contador condición de salida ciclo FOR length while do...

Acceder a esta publicación

Creado y Compartido por: Enrique Gomez

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

Funciones más usadas: sap.ui.getcore() => devuelve una instancia de la propia aplicación ej: sap.ui.getcore().getConfiguration().getLanguaje() si queremos saber en que idioma estamos logueados. sap.ui.get.core().byId: se usa para obtener una instancia de control SAPUI5 creada con id, en este caso se debe agregar el ID de la vista this.getView().byId(id); se utiliza en el controlador de la vista para obtener el controlador con el ID que pasamos como parametro sapi.ui.getCore().applyChanges() : se usa para realizar y representar cambios inmediatamente para los controloes UI5 jQuery.sap.domByid(id): se utiliza para obtener cualquier elemento HTML con ID jQuery.sap.byId(id) se utiliza para devoñver...

Acceder a esta publicación

Creado y Compartido por: Detriana Barrios / Disponibilidad Laboral: FullTime + Carta Presentación

 


 

👌Genial!, estos fueron los últimos artículos sobre más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.

🔎Buscador de Publicaciones:

 


 

No sea Juan... Solo podrá llegar alto si realiza su formación con los mejores!