Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Vaadin 7 Cookbook
  • Table Of Contents Toc
Vaadin 7 Cookbook

Vaadin 7 Cookbook

By : Jaroslav Holan, Ondrej Kvasknovsky
4.3 (9)
Buy this Book
close
close
Vaadin 7 Cookbook

Vaadin 7 Cookbook

4.3 (9)
By: Jaroslav Holan, Ondrej Kvasknovsky
Buy this Book

Overview of this book

This is a cookbook with easy-to-follow recipes containing practical and detailed examples which are all fully backed up with code, illustrations, and tips. Vaadin 7 Cookbook is for developers who want to create Rich Internet Applications with Vaadin. Both newcomers to Vaadin and those who have some experience with it will find recipes to expand their working knowledge of Vaadin.
Table of Contents (19 chapters)
close
close
close
Vaadin 7 Cookbook
Icon
Vaadin 7 Cookbook
Credits
Icon
Credits
About the Authors
Icon
About the Authors
About the Reviewers
Icon
About the Reviewers
www.PacktPub.com
Icon
www.PacktPub.com
Preface
Icon
Preface
Lock Free Chapter
1
Creating a Project in Vaadin
chevron up
Icon
Creating a Project in Vaadin
Icon
Introduction
Icon
Creating a project in Eclipse IDE
Icon
Generating a Vaadin project in Maven archetype
Icon
Building a Vaadin application with Gradle
Icon
Using Vaadin with Scala
Icon
Running Vaadin on Grails
2
Layouts
Icon
Layouts
Icon
Introduction
Icon
Creating an adjustable layout using split panels
Icon
Creating a custom layout
Icon
Controlling components over the CSS layout
Icon
Using CSS layouts for mobile devices
Icon
Binding tabs with a hard URL
Icon
Using Navigator for creating bookmarkable applications with back-forward button support
Icon
Aligning components on a page
Icon
Creating UI collections of components
Icon
Dragging-and-dropping between different layouts
Icon
Building any layout with AbsoluteLayout
3
UI Components
Icon
UI Components
Icon
Introduction
Icon
Viewing details of items in ListSelect
Icon
Inserting a button to remove a table row
Icon
Creating a line chart with Flot
Icon
Creating a pie chart with Highcharts
Icon
Drag-and-drop from the desktop
Icon
Using DateField with Joda-Time DateTime
Icon
Zooming with the slider
Icon
Restricting buttons in Rich text area
Icon
Styling components with CSS
4
Custom Widgets
Icon
Custom Widgets
Icon
Introduction
Icon
Creating a TextField with counter
Icon
Creating a TextField only for digits
Icon
Creating a chroma-hash password field
Icon
Creating a tri-state checkbox using JavaScript
Icon
Styling widgets
Icon
Speeding up widget set compilation
5
Events
Icon
Events
Icon
Introduction
Icon
Responding immediately to an event in TextArea
Icon
Changing Label to TextField by double-clicking
Icon
Lazy loading in a table
Icon
Reordering columns and rows in a table
Icon
Customizing shortcuts
Icon
Adding click listener to the Link component
Icon
Creating a custom context menu
Icon
Updating messages in the menu bar using the ICEPush add-on
Icon
Updating the noticeboard using the Refresher add-on
6
Messages
Icon
Messages
Icon
Introduction
Icon
Showing validation messages
Icon
Styling system messages
Icon
Showing a login form in pop-up view
Icon
Customizing tray notifications
Icon
Making a confirmation window
Icon
Showing a rich tooltip with an image
Icon
Informing about file transfers by a progress bar
Icon
Waiting for an indeterminate process
Icon
Showing information about browsers
7
Working with Forms
Icon
Working with Forms
Icon
Introduction
Icon
Creating a simple form
Icon
Generating fields from a bean
Icon
Binding fields to a bean
Icon
Using field validation
Icon
Using bean validation
Icon
Creating a custom validation
Icon
Creating a CRUD form
Icon
Filtering items using ComboBox
8
Spring and Grails Integration
Icon
Spring and Grails Integration
Icon
Introduction
Icon
Setting up a Vaadin project with Spring in Maven
Icon
Handling login with Spring
Icon
Accessing a database with Spring
Icon
Internationalizing Vaadin applications with Spring
Icon
Vaadin and Spring injector
Icon
Internationalizing Vaadin in Grails
Icon
Using Grails ORM for Vaadin application
Icon
Using Grails services in Vaadin
Icon
Adding a Vaadin add-on into Grails project
9
Data Management
Icon
Data Management
Icon
Introduction
Icon
Binding property to a component
Icon
Binding items to a component
Icon
Binding a container to a component
Icon
Creating a complex table – CRUD II
Icon
Filtering data in the table
Icon
Using converters
Icon
Storing the last selected tab name in cookies
10
Architecture and Performance
Icon
Architecture and Performance
Icon
Introduction
Icon
Building the core
Icon
The Login form with Model View Presenter
Icon
Model View Presenter for a view with two panels
Icon
Unit testing in an MVP pattern
Icon
Improving the application's startup time
Icon
Avoid sluggish UI – lazy loaded tables
Icon
Avoid sluggish UI – paged tables
Icon
Optimizing Vaadin applications for search engines
11
Facilitating Development
Icon
Facilitating Development
Icon
Introduction
Icon
The basics of test-driven development in Vaadin
Icon
The basics of mocking in Vaadin
Icon
Testing a table with a container
Icon
Testing the UI with TestBench
Icon
Recompiling widgetsets in Maven
Icon
Auto-reloading changes in Maven
Icon
Blocking uncaught exceptions in the production mode
12
Fun
Icon
Fun
Icon
Introduction
Icon
Magic tricks
Icon
Can you raed tihs?
Icon
Goodbye, world!
1
Index
Icon
Index

Creating a project in Eclipse IDE

In this recipe, we are going to create a new Vaadin project in the Eclipse IDE.

Getting ready

Download and install the latest version from the Eclipse download page (specifically Eclipse IDE for Java EE Developers), http://www.eclipse.org/downloads.

There is an Eclipse extension for Vaadin, which helps us with the creation of Vaadin projects, widget set compilation, and so on. The instructions on how to install the extension are at http://vaadin.com/eclipse.

How to do it...

Carry out the following steps in order to create a new project in Eclipse IDE:

  1. Open the New Project window and search for vaadin.

  2. There should be a few Vaadin wizards listed. Choose Vaadin 7 Project and click on the Next button.

  3. Fill in the name of the project. Select Apache Tomcat v7.0 as Target runtime and click on the Finish button.

  4. Eclipse makes a Hello world application for us. All the application code has been placed in the HellovaadinUI class. Now we can run the project. Right-click on the name of the project, go to Run As, and then click on Run on Server. Choose Apache Tomcat v7.0 to run our application and confirm the dialog window.

  5. The application appears in the Eclipse's Internal Web Browser or we can open the started application in our favorite browser: http://localhost:8080/HelloVaadin.

How it works...

Let's have a look at what has been generated by Eclipse.

The following table explains the content of the important directories:

Directory / Project Item

Description

Deployment Descriptor

Is not a real directory but it offers a user-friendly way to edit the web.xml file.

Java Resources/src

Contains the entire project's Java source code.

WebContent

Contains deployment descriptor file web.xml. We can also place here static resources such as images, CSS, or JavaScript files.

In this folder we can make a VAADIN directory for the new themes.

build

Is used to store compiled classes.

Note

web.xml must contain the definition of the UI class, servlet, and URL mapping. It must be located inside the WEB-INF folder.

There's more...

Now we can try to change the code inside the HellovaadinUI class, so the application prints out the name of the system user. 

String user = System.getProperty("user.name");
Label label = new Label("Hello Vaadin user: " + user);
layout.addComponent(label);

Tip

Notice we can see the changes in code without restarting the application server. The project is recompiled after we save a file and changes are visible in the browser right away.

We need to add the ?restartApplication parameter into the URL when running a Vaadin application with the @PreserveOnRefresh annotation on our UI class.

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Vaadin 7 Cookbook
End of Section 1
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon