GridLayout布局使用网格来布置其中的UI组件。每个网格提供行，列来定义。每个UI组件可以占据一个或多个网格。由网格的坐标(x1,y1,x2,y2)来定义。 GridLayout布局内部使用一个游标(cursor)来记录当前的网格位置，Grid

Slider组件可以显示为垂直或是水平滑动条，可以使用鼠标拖动来设置其值。 其基本使用如下： // Create a vertical slider final Slider vertslider = new Slider(1, 100); vertslider.setOrient...
阅读全文

Table 用来显示一个二维表，Table算是Vaadin提供的功能最强大的组件，每个单元格既可以显示字符串也可以显示其它的UI组件。你可以实现可编辑的表格，比如点击某个单元格后将其变为可编辑的文本框。 Table关联的数据

Vaadin主题的使用一个重要的方法是使用CSS风格文件。本篇对CSS的使用做个简单的介绍。 基本CSS规则 一个CSS文件包含一组规则，每个规则包含一个“风格选择符”，由逗号分开。然后通过花括号将风格描述括在里面。例如

在大部分情况下使用TableQuery就可以满足应用要求，如果需要使用复杂查询，比如多表查询，则可以使用FreeformQuery。 缺省情况下FreeformQuery为只读，如果需要支持写操作，可以自行实现FreeformQueryDelegate接口。

数据库表之间存在参考关键，这对应到数据库通常为外键引用。Vaadin 的SQLContainer提供了不同SQLContainer之间引用的有限支持，但其实现主要是通过Java 代码来实现的，并不需要数据库的表之间一定要有外键定义。 给

和普通Container修改其中Item项类似，SQLContainer 可以使用类似的方法来编辑其中的Item。RowItem的ColumnProperties 会自动通知SQLContainer关于数据的变化并应用到数据库。添加Item 向SQLContainer中添加一项是通

SQLContainer 的过滤及排序在设计时总是通过数据库操作来完成，也就是说在使用Filter 和Sorting 时应用与数据库之间会发生通信。实际上Filter 对应到SQL语句的WHERE语句，Sorting 则对应到ORDER BY语句。 除了Contai

在Vaadin中使用SQLContainer简单而直接，本篇及后面几篇将使用HSQLDB为例，HSQLDB为一纯JAVA实现的数据库系统，支持多种模式，如服务器模式（如其它数据库服务器比如Sql server, MySQL) 或者作为应用程序的一部分，

Web应用一个重要的组成部分为访问数据库，Vaadin提供的SQLContainer 实现了Container接口用来连接各种数据库。 SQLContainer支持两种类型的数据库访问，通过TableQuery,使用这一预设的查询生成器可以通过Container接