Ciclos de vida en UI5

Hola!

Voy a explicar brevemente los métodos de UI5 para los ciclos de vida de las Apps.


sap.ui.controller("ui5ciclodevidademo.main", {

	/**
	* Se llama cuando el controlador es instanciado y los controles del View son creados.
	* Se puede utilizar para modificar la Vista antes de que sea mostrada, hacer bindigs, etc...
	* @memberOf ui5ciclodevidademo.main
	*/
	onInit: function() {

		console.log("Se ejecuta: onInit()");
	},

	/**
	* Parecido a onAfterRendering, pero este método antes de que la vista se renderice.
	* No se ejecuta antes que onInit().
	* @memberOf ui5ciclodevidademo.main
	*/
	onBeforeRendering: function() {

		console.log("Se ejecuta: onBeforeRendering()");
	},

	/**
	* Se llama cuando la Vista fué renderizada.
	* La podemos utilizar para realizar manipulación del HTML post-rendering.
	* @memberOf ui5ciclodevidademo.main
	*/
	onAfterRendering: function() {

		console.log("Se ejecuta: onAfterRendering()");
	},

	/**
	* Se llama cuando el controlador es "destruido".  
	* Lo podemos utilizar para liberar recursos y filanizar actividades.
	* @memberOf ui5ciclodevidademo.main
	*/
	onExit: function() {

		console.log("Se ejecuta: onExit()");
	}
});

si lo ejecutasemos en nuestra app en consola veríamos el siguiente orden:

Se ejecuta: onInit()
Se ejecuta: onBeforeRendering()
Se ejecuta: onAfterRendering()

Para ver «Se ejecuta: onExit()» deberiamos de «destruir/limpiar» la vista ejecutando «this.destroy();»

Espero ayude!


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*