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.
Antes de comenzar, permítanme explicar por qué y en qué caso podemos usar estos parámetros de paso del método XML. –
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");
}
}
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>
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.
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.
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
Calle Eloy Gonzalo, 27
Madrid, Madrid.
Código Postal 28010
Paseo de la Reforma 26
Colonia Juárez, Cuauhtémoc
Ciudad de México 06600
Real Cariari
Autopista General Cañas,
San José, SJ 40104
Av. Jorge Basadre 349
San Isidro
Lima, LIM 15073