• Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
S4PCADEMY_Logo
Twitter Linkedin Instagram
S4PCADEMY_Logo
Twitter Linkedin Instagram
FORMACIÓN SAP

Cómo pasar un parámetro a la función desde la vista XML

By s4pcademy 


Hola a todos,

Este es mi primer blog,

En él, estoy a punto de explicar cómo pasar el parámetro para que funcione en el controlador desde la vista XML en SAP UI5. Espero que mi blog ayude.

la mayoría de las veces escribimos funciones separadas (múltiples) para realizar acciones en función de cómo y dónde activamos el objeto o la acción. en palabras simples, estamos pasando los parámetros a la función en el momento de la llamada a la función.

vamos a crear un escenario para ello supongamos que tenemos dos botones uno es Guardar como borrador y el segundo es Entregar.

supongamos que en Guardar como borrador enviamos la llamada a la API con ID de registro 1 y en Enviar la enviamos con 0.

para estos, generalmente escribimos dos funciones y escribimos la otra lógica de la misma manera.

pero con la ayuda de pasar parámetros a una función podemos lograrlo con una sola función.

empecemos.

1. Introducción

Antes de comenzar, permítanme explicar por qué y en qué caso podemos usar estos parámetros de paso del método XML. –

  • Para reducir el número de llamadas a funciones internas lo que ayuda a lograr diferentes condiciones.
  • la funcionalidad de la función depende de un parámetro en particular.
  • Podemos ver esto en funciones en las que la lógica es la misma pero depende de los parámetros, las condiciones cambian y la funcionalidad es la misma.

2. Requisito previo

3. Código del controlador

En el controlador, escribimos la lógica de la función y las condiciones requeridas para realizar la acción según el evento desencadenado.

Esta es una de las funciones que realizan la acción requerida según la condición o el parámetro.

	onPressFun: function (oEvent, SecondPara, sActionValue) {
			var BtnEvent = oEvent.getSource();
			var SecondParameter = SecondPara;
			if (SecondParameter === "1") {
				sap.m.MessageBox.information(sActionValue);
			} else if (SecondParameter === "0") {
				sap.m.MessageBox.information(sActionValue);
			} else {
				sap.m.MessageBox.information("Wrong data Button event triggered");
			}
		}

4. Código XML

Desde la función Vista XML, necesitamos pasar el parámetro donde estamos llamando a la función como se menciona en el código XML a continuación.

con la ayuda del parámetro en la llamada de función, podemos evitar múltiples funciones que tienen la misma lógica pero dependen de un parámetro diferente.

Vea el código a continuación:

<mvc:View controllerName="com.tc.xmlparameter.XMLParameter.controller.Worklist" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc"
	xmlns:semantic="sap.f.semantic">
	<semantic:SemanticPage >
		<semantic:content >
			<VBox class="sapUiLargeMargin">
				<HBox class="sapUiLargeMargin">
					<Button class="sapUiLargeMargin" text="Save as Draft" press="onPressFun($event ,'1','Saved')"/>
					<Button class="sapUiLargeMargin" text="Submit" press="onPressFun($event ,'0','Submitted')"/>
				</HBox>
			</VBox>
		</semantic:content>
	</semantic:SemanticPage>
</mvc:View>
  • $event se pasa como un evento que se activa al hacer clic en el botón (oEvent).
  • ‘ ‘ (comillas simples) ayudan a pasar el valor del parámetro según sea necesario.
  • podemos pasar múltiples parámetros a la vez.

como puede ver, escribimos la misma función pero podemos desencadenar una condición diferente que depende del parámetro cada vez. reduce las llamadas a funciones internas y ayuda a lograr la optimización del código.

pasar parámetros de una función puede reducir los números ‘n’ de la llamada de función interna.

5. Producción

a continuación, adjunto la captura de pantalla de la salida.

Primero SS- cuando presionamos el botón Guardar como borrador.

Segundo SS: cuando presionamos el botón Enviar.

Img%20for%20Save%20as%20Draft%20save

Img para Guardar como Borrador guardar

Inage%20for%20Enviar

Imagen para enviar

6. Conclusión

Del escenario anterior, aprendemos cómo pasar los parámetros a la función desde la vista XML en SAP UI5. en esto podemos agregar múltiples parámetros para múltiples condiciones, y con la ayuda del evento también podemos activar el controlador de eventos.

No es tan complejo pero muy útil. Lo uso en algunos de mis proyectos, lo que me ayuda mucho a optimizar mi código y espero que también pueda ayudar a otros.

Si está atascado entre cualquier tema, no dude en preguntarme y sugerirme para mejorar.

por favor comparta sus comentarios o pensamientos en un comentario.

Gracias a todos, ¡¡¡Feliz aprendizaje!!!

Saludos,

Shubham C




Total acumulado/suma acumulada usando la dimensión M_time en la vista de cálculo de HANA
Previo
SAP Datasphere: gestión del ciclo de vida y opciones de implementación
Siguiente

Madrid

Calle Eloy Gonzalo, 27
Madrid, Madrid.
Código Postal 28010

México

Paseo de la Reforma 26
Colonia Juárez,  Cuauhtémoc
Ciudad de México 06600

Costa Rica

Real Cariari
Autopista General Cañas, 
San José, SJ 40104

Perú

Av. Jorge Basadre 349
San Isidro
Lima, LIM 15073

Twitter Linkedin Instagram
Copyright 2022 | All Right Reserved.