From 1df80001ab6c916effa917781dba652d09d01056 Mon Sep 17 00:00:00 2001 From: Alejandro Duarte Date: Mon, 29 Aug 2016 13:45:33 +0300 Subject: [PATCH] Updated tutorial to Vaadin 7.7.0 Change-Id: I1ef5a89a7e9f700a9302ff535d7e30b692316e22 (cherry picked from commit 09909cdcc47479c6b6f3ecb633ed4128f40f7b3c) --- documentation/tutorial.adoc | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/documentation/tutorial.adoc b/documentation/tutorial.adoc index b888d6118d..e3a061d72f 100644 --- a/documentation/tutorial.adoc +++ b/documentation/tutorial.adoc @@ -274,7 +274,7 @@ The actual implementation of these classes is not relevant for this tutorial, bu [[framework.tutorial.grid]] == Listing entities in a Grid -TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step2.zip[Download the project] for this step, extract the zip file and choose "Import... > Maven > Existing Maven project". +TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step3.zip[Download the project] for this step, extract the zip file and choose "Import... > Maven > Existing Maven project". Often when you start building a UI for a data-centric application, the first thing you want to do is to list your data from your back-end. @@ -391,7 +391,7 @@ You can do this at any point during the rest of the tutorial as well. [[framework.tutorial.filtering]] == Creating live filtering for entities -TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step3.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. +TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step4.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. A search functionality is expected in every modern application and it is also a nice Vaadin development exercise. Let's add a filtering functionality to @@ -502,7 +502,7 @@ that. Pick either of them. [[framework.tutorial.form.designer]] === Creating a form using Vaadin Designer -TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step4.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. +TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step5.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. The form to edit Customer objects can be built using several methods of which the visual composition by drag 'n' drop is the most intuitive. Vaadin @@ -574,7 +574,7 @@ basic constructor that accepts MyUI as a parameter to the CustomerForm class: [source,java] ---- -CustomerService service = CustomerService.getInstance(); +private CustomerService service = CustomerService.getInstance(); private Customer customer; private MyUI myUI; @@ -588,7 +588,7 @@ looks like at this point. Add it as a field to the _MyUI_ class: [source,java] ---- - CustomerForm form = new CustomerForm(this); +private CustomerForm form = new CustomerForm(this); ---- Now let's modify the init method in MyUI to show the form. Let's wrap both the @@ -617,7 +617,7 @@ following line to the constructor: [source,java] ---- - status.addItems(CustomerStatus.values()); +status.addItems(CustomerStatus.values()); ---- Let's also improve the UX a bit. When building the design, we already @@ -764,7 +764,7 @@ class: [source,java] ---- - CustomerForm form = new CustomerForm(this); +private CustomerForm form = new CustomerForm(this); ---- Now let's modify the init method in MyUI to show the form. Let's wrap both the @@ -793,7 +793,7 @@ following line to the constructor: [source,java] ---- - status.addItems(CustomerStatus.values()); +status.addItems(CustomerStatus.values()); ---- Let's also improve the UX a bit. The most common thing your users will want to @@ -880,7 +880,7 @@ simplicity. [[framework.tutorial.form-connection]] == Connecting the form to the application -TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step5.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. +TIP: Starting from this step directly? https://github.com/vaadin/tutorial/archive/step6.zip[Download the project] for this step, extract the zip file and choose menu:Import...[Maven>Existing Maven project]. In this part, we'll use the CustomerForm class, which we created in the previous step, from the MyUI class. We will use it for both editing the existing -- 2.39.5