✒️SAP BTPFIORI / Las funciones más utilizadas en SAPUI5 Por Roberto Santucho
Las funciones más utilizadas en SAPUI5
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 obtener cualquier elemento HTML con id.
- jQuery.sap.byId(id): devuelve el objeto jQuery del elemento DOM con el ID especificado.
ejemplo jQuery.sap.byId("miNombre *").css("color","red"); pinta de rojo todos los elementos con ID miNombre y SUS HIJOS.
2. LOS METODOS PARA USAR CON ARRAY EN JAVASCRIPT
- se declaran con [], un array tiene longitud e indices.
- metodos para usar con los arrays
NOTA: ATRIBUTO length nos devuelve la cantidad de elementos que contiene
2.1 EL METODO find
Ejecuta una funcion callback PARA CADA UNO DE LOS ELEMENTOS DEL ARRAY Y devuelve el primer elemento del array que valida dicha funcion (callback devuelve true).
Acepta 2 argumentos:
- la funcion callback con 3 posibles parametros (elemento tratado del array(obligatorio) , el indice del elemento tratado y el objeto array )
- valor opcional con el objeto this dentro del array.
2.2 EL METODO foreach
Permite realizar una accion implementada en la funcion callback para cada elemento del array.
Array.forEach(Function callback(Any element?,Numer index?))
2.3 EL METODO map
similar al foreach, SOLO QUE ESTE GENERA UN NUEVO ARRAY CON LOS RESULTADOS DEVUELTOS POR LA FUNCION CALLBACK.
2.4 EL METODO reduce
PARA ARRAYS CON VALORES, VA SUMANDO CADA ELEMENTO DEL ARRAY EN UN ACUMULADOR.
2.5 EL METODO filter
similar al map (devuelve un nuevo array) pero en este caso el array con los elementos (devuleve true) que cumplen con la condicion indicada.
2.6 EL METODO sort
3. METODOS PARA INSERTAR O ELIMINAR ELEMENTOS DE UN ARRAY
- .shift() Elimina el primer elemento
- .unshift('Nuevo elemento') agrega un elemento al principo del array
- .push('Nuevo Elemento'); agrega un elemento AL FINAL DE UN ARRAY
- .pop() elimina el ultimo elemento del array
3.1 EL INDICE DENTRO DE UN ARRAY
Comienza con 0, y si intentamos acceder a uno que no existe, recibimos undefined
.indexOf( valor_elemento ) devuelve el index donde esta el valor_elemento , sino -1
Tambien tenemos
.includes( 'valor_buscado' ) devuelve true si existe
4. LOS CICLOS
Cuenta con una o mas de las siguientes caracteristicas:
- contador
- condicion de salida
- ciclo, donde se incrementa el contador hasta llegar a la condicion de salida
for (inicio; condicion; incremento) {
}
while numero<=10:
suma = numero suma
numero = numero 1
print..
do {
//
} while (i < 5);
alternativa para interrumpir los ciclos es break
5. LOS OBJETOS LITERALES
tipo de dato que puede guardar mas informacion que un array. Ejemplo This
LOS OBJETOS LITERALES EN JS SERAN LAS ESTRUCTURAS PARA LA TRANSMISION DE DATOS. LA NOTACION JSON ES LA MAS LIVIANA PARA ESTO
PARA CUANDO RECIBIMOS UNA CADENA JSON SIN PROCESAR SERA NECESARIO CONVERTIRLA EN UN OBJETO. TAMBIEN CUANDO TENEMOS UN OBJETO JS Y HAY QUE ENVIARO POR LA RED, ES NECESARIO CONVERTIRLO A UN JSON:
- JSON.parse() JSON a JS
- JSON.stringify() JS to JSON
5.1 LA COPIA DE UN OBJETO JAVASCRIPT.
JSON.stringify
6. LOS METODOS
Sirven para hacer acciones.
Tipos de metodos:
- Metodos normales: publico o privado. NOMENCLATURA: LOS PRIVADOS COMIENZAN CON GUION BAJO. TODOS LOS DEMAS SE CONSIDERAN PUBLICOS, EXCEPTO
- init
- render
- metodos del controlador de eventos
- Metodos del controlador de enventos: comienzan con "on..." NOTA: EL OBJETO Event proporcionado al controlador del metodo contiene mas informacion. ESTOS METODOS SE CONSIDERAN PRIVADOS Y SOLO PUEDEN SER LLAMADOS POR EL NUCLEO DE SAPUI5.
onPress: function(Event) {
this.getView().destroy();
}
6.1 EL METODO placeAt DE JAVASCRIPT
para anadir el contendido usando el identificador
Ej
<script>
sap.ui.getCore().attachInit(function () {
new sap.m.Text({
text: "Hola mundo"
}) .placeAt("content");
</script>
6.2 CAMBIANDO TODO A MAYUSCULA O MINUSCULA (,etpdps de cadema_
toLowerCase()
toUpperCase()
6.3 ACTUALIZANDO PARTES DE UNA CADENA
replace( cadenabuscada , reeplazarporesto )
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 
