1. Legen Sie eine neue /wiki/spaces/DOK/pages/13762656an, 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 Klick-Event.
3. Setzen Sie in der Code-Ansicht den Cursor unter den generierten Button.ClickEvent Handler. 
4. Klicken Sie in der Palette auf Navigation.
   
5. Wählen Sie im folgenden Assistenten bei View to open die View CustomerView aus.
6. Geben Sie bei URL: ein Pfad-Fragment (/wiki/spaces/DOK/pages/12484630) an, über das die View zur Laufzeit aufrufbar sein soll, z.B. customer.
   

Ergebnis:

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

Hinweis:

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

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 und bestätigen Sie die Eingabe mit Enter.
3. Klicken Sie auf OK.
4. Klicken Sie auf Speichern.
   

Ergebnis:

• In der aktuellen View:

  private void button_buttonClick(Button.ClickEvent event) {
  	Navigation.to("customer").parameter("string2", username).parameter("string", textField.getValue())
  	.parameter("xdevTextField", textField).parameter("string3", "text").navigate();

• In der aufgerufenen View: 

  @NavigationParameter
  private String string;
  @NavigationParameter
  private String string2;
  @NavigationParameter
  private XdevTextField xdevTextField;
  @NavigationParameter
  private String string3;
  /**
   * 
   */
  public CustomerView() {
  	super();
  	this.initUI();
  }
  
  @Override
  public void enter(ViewChangeListener.ViewChangeEvent event) {
  	super.enter(event);
  	this.string = Navigation.getParameter(event, "string", String.class);
  	this.string2 = Navigation.getParameter(event, "string2", String.class);
  	this.xdevTextField = Navigation.getParameter(event, "xdevTextField", XdevTextField.class);
  	this.string3 = Navigation.getParameter(event, "string3", String.class);
  
  }

Hinweis:

• Als Parameter sind beliebige Variablen, Methodenaufrufe und Objekte, z.B. UI-Komponenten, erlaubt.
• Strings müssen in Anführungsstrichen angegeben werden.