diff options
author | Alejandro Duarte <alejandro@vaadin.com> | 2016-08-29 13:45:33 +0300 |
---|---|---|
committer | Vaadin Code Review <review@vaadin.com> | 2016-08-29 12:03:40 +0000 |
commit | 09909cdcc47479c6b6f3ecb633ed4128f40f7b3c (patch) | |
tree | db0e239a5efe5aed7ac23464b646f6a752c45536 /documentation/tutorial.adoc | |
parent | cbad1f0a214ac85de502fcb979dd14b7a2ad9703 (diff) | |
download | vaadin-framework-09909cdcc47479c6b6f3ecb633ed4128f40f7b3c.tar.gz vaadin-framework-09909cdcc47479c6b6f3ecb633ed4128f40f7b3c.zip |
Updated tutorial to Vaadin 7.7.0
Change-Id: I1ef5a89a7e9f700a9302ff535d7e30b692316e22
Diffstat (limited to 'documentation/tutorial.adoc')
-rw-r--r-- | documentation/tutorial.adoc | 18 |
1 files 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 |