Desarrollo de aplicaciones en red

Mario Alberto Hernndez Prez

Universidad Veracruzana

Tutorial Creacin de Reglas de navegacin

La navegacin en un sistema web, se puede dar de varias formas, en una aplicacin ADF se pueden
crear lo que se conocen como reglas de navegacin.
Las reglas de navegacin tienen su origen en el framework JSF y se definen palabras clave que
sirven como salida para disparar saltos de una pgina a otra.

Crear reglas de navegacin bsicas.

1. Para la realizacin de este tutorial, se asume que se tienen creadas 3 pginas JSF:
principal.jsf, seccion1.jsf y seccion2.jsf.

2. Abrir el archivo faces-config.xml, ubicado en la carpeta Web Content->WEB-INF.

Una vez abierto el archivo ir a la pestaa Overview.

Pgina 1 de 4

Desarrollo de aplicaciones en red

Mario Alberto Hernndez Prez

Universidad Veracruzana

3. Seleccionar la seccin Navigation Rules y dar clic en el botn + verde dentro de Form
Views.

4. Se crear una nueva regla, en la seccin From View ID, introducir en nombre /principal.jsf
la cual ser la pgina desde donde se podrn disparar los casos de navegacin.

5. Una vez creada la regla, hay que especificar bajo qu casos se va poder utilizar, para ello
dar clic en la seccin Navigation Cases, dar clic en el botn + verde.

6. Se crear el primer caso de navegacin, para cada caso hay que indicar el campo To View
ID, que indica hacia que pgina se va a re direccionar el sistema, From Outcome, que
indica el texto o cadena que va a disparar la regla de navegacin, y por ltimo la opcin
Redirect, que indica si se har una redireccin completa o parcial, se recomienda marcarla
como true.

7. Crear el segundo caso de navegacin, para poder ir ahora a la seccin 2.

8. Crear todos los casos de navegacin que sean necesarios, dependiendo del proyecto en
cuestin.
Pgina 2 de 4

Desarrollo de aplicaciones en red

Mario Alberto Hernndez Prez

Universidad Veracruzana

Crear reglas de navegacin globales/comodn/wildcard

Existen reglas de navegacin que se pueden crear para que puedan ser disparadas desde cualquier
pgina, por ejemplo, para crear una regla que lleve a la pgina principal sin importar en que pgina
te encuentras actualmente, se debe hacer lo siguiente:
9. En la seccin From Views, dar clic en el botn + verde, para agregar una nueva regla de
navegacin. Una vez creada, en la seccin From View ID poner *.
El * indica que la regla va a aplicar para cualquier pgina.

10. Crear el caso de navegacin, para ello dar clic en el botn + verde de la seccin Navigation
Cases.

11. Asignar los valores necesarios para re direccionar a la pgina principal.

Asociar las reglas de navegacin a los controles de la pgina JSF

Una vez creadas las reglas de navegacin, es necesario indicar que controles de las pginas JSF se
van a utiliza, generalmente los controles que pueden disparar una regla de navegacin son los
botones y los links, en general cualquier control que ejecute un Action, en el servidor, podra
disparar una regla de navegacin. A continuacin, se mostrar como invocar las reglas desde
controles de tipo botn.
12. En la pgina principal.jsf crear 2 botnes, al primer botn poner las siguientes
propiedades: text = Seccin 1, action = ir_seccion1 y por ltimo partialSubmit = false
Para el segundo botn poner las siguientes propiedades:
text = Seccin 2, action = ir_seccion2 y por ltimo partialSubmit = false

Pgina 3 de 4

Desarrollo de aplicaciones en red

Mario Alberto Hernndez Prez

Universidad Veracruzana

13. En la pgina seccion1.jsf, crear 1 botn, con las siguientes propiedades:

text = Regresar a pgina principal, action = ir_principal y por ltimo partialSubmit = false

14. En la pgina seccion2.jsf, crear 1 botn, con las siguientes propiedades:

text = Regresar a pgina principal, action = ir_principal y por ltimo partialSubmit = false

Por ltimo, ejecuta el proyecto y prueba la navegacin, dando clic en los botones de las pginas
JSF.

Pgina 4 de 4