1. Legen Sie eine neue /wiki/spaces/RC11DOCDE/pages/2518616398an, z.B. CustomerView und fügen Sie einige UI-Komponenten ein.
2. Fügen Sie in die MainView einen Button ein und registrieren Sie ein buttonClick Event.
3. Setzen Sie in der Code-Ansicht den Cursor unter den generierten Button.ClickEvent Handler. 
4. Klicken Sie in der Palette auf Navigation.
   Image Removed
5. Wählen Sie im folgenden Navigation Assistenten bei View to open die View CustomerView aus.
6. Geben Sie bei URL: ein Pfad-Fragment (/wiki/spaces/RC11DOCDE/pages/2518616592) an, über das die View zur Laufzeit aufrufbar sein soll, z.B. customer.
   Image Removed

Ergebnis:

private void button_buttonClick(Button.ClickEvent event) {
	Navigation.to("customer").navigate();
}

Hinweis:

• Falls die aufzurufende View noch nicht beim Navigation registriert ist, wird diese automatisch vom Assistenten registriert. 
• Nur Views die beim Navigator registriert sind, lassen sich mit der Methode Navaigation.to() aufrufen. 
• Der Navigaton Assistent funktioniert /wiki/spaces/RC11DOCDE/pages/2518616592. Durch Klicken auf das Icon Image Removed im Code Editor lässt sich der Navigator-Assistent erneut öffnen.
  Image Removed

Parameter übergeben

1. Klicken Sie im Navigation Assistent auf Add, um einen Parameter hinzuzufügen, den Sie der aufzurufenden View übergeben möchten.
2. Geben Sie bei Parameters > Value den Parameter an, den Sie übergeben möchten, z.B. den String username, und bestätigen Sie die Eingabe mit Enter.
3. Geben Sie bei Name an, wie der Übergabe-Parameter in der aufgerufenen View bezeichnet werden soll, z.B. username.
4. Klicken Sie auf OK.
5. Klicken Sie auf Speichern.
   Image Removed

Ergebnis:

• In der aktuellen View

  Code Block
  language java theme Confluence
  private void button_buttonClick(Button.ClickEvent event) { Navigation.to("customer").parameter("username", username).navigate(); }

• In der aufgerufenen View - Beim Speichern werden die Übergabe-Parameter in der Ziel-Klasse automatisch definiert.

  Code Block
  language java theme Confluence
  @NavigationParameter private String username; /** * */ public CustomerView() { super(); this.initUI(); } @Override public void enter(ViewChangeListener.ViewChangeEvent event) { super.enter(event); this.username = Navigation.getParameter(event, "username", String.class); }

Hinweis:

...

Siehe Navigation für Weitere Infos, wie eine Navigation erstellt werden kann.