Navegación entre dos vistas UI5

Para pasar de una vista a otra con UI5 voy a intentar explicar de la forma más sencilla cómo proceder.
Partiremos de una aplicación de template y desde esta añadiremos una vista nueva llamada Newview.view.xml.

Para ello en la carpeta view creamos nuestro archivo Newview.view.xml.
Y en la carpeta controller creamos nuestro controlador Newview.controller.js.

En nuestro caso nos vamos a mover desde la vista Object.view.xml a la que acabamos de crear, Newview.view.xml.

Para ello, creamos un botón en Object.view.xml.

A este botón le asignamos la acción goToNewView.

Vamos a nuestro Object.controller.js t creamos la acción / función.

Y dentro de ella tan solo el código que veis, «this.getRouter().navTo(«newview»);«.

Ahora, pasamos a modificar nuestro manifest.json, no olvidemos este paso, pues sin estas modificaciones no reconocerá las rutas.

En la key «routes» añadimos (al final del array) la nueva ruta/vista:

Y en la key «targets» añadimos (también al final del array) el nuevo target:

Con lo que el manifest.json, en las claves de «routes» y «targets» nos quedará algo parecido a:

Y a funcionar!


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

Deja un comentario

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

*