Vaadin

Vaadin Web应用开发教程(21):UI组件-Embedded组件

jerry VaadinWeb
Vaadin Web应用开发教程(21):UI组件-Embedded组件
Embedded组件支持者浏览器中嵌入媒体对象,如图像,动画等其它浏览器支持的媒体类型。Embedded组件内容在Vaadin中是作为资源来管理的。 Embedded image = new Embedded("Yes, logo:", new ClassResource("...
阅读全文

Vaadin Web应用开发教程(22):UI组件-Upload组件

jerry VaadinWeb
Vaadin Web应用开发教程(22):UI组件-Upload组件
Upload 组件用于向服务器上传文件。它显示一个文件名输入框,一个文件选择按钮和一个上传确认按钮。 // Create the Upload component. Upload upload = new Upload("Upload the file here", this); ...
阅读全文

Vaadin Web应用开发教程(23):UI组件-Form组件

jerry VaadinWeb
Vaadin Web应用开发教程(23):UI组件-Form组件
大部分的Web应用都包含窗体(Form),Vaadin中的Form组件提供了创建窗体的简洁方法。窗体中的填充域可以直接由绑定的数据源自动生成。BeamItem 适配器(Adapter)支持使用Java Bean对象或是普通的Java 对象做为数据源。

Vaadin Web应用开发教程(24):UI组件-ProgressIndicator组件

jerry VaadinWeb
Vaadin Web应用开发教程(24):UI组件-ProgressIndicator组件
ProgressIndicator组件显示进程条,ProgressIndicator组件定时向服务器查询其当前值,如果值有变化,则更新进程条进度。Web应用本身无需实现任何查询服务器的操作,查询由ProgressIndicator组件自动完成。 ProgressI

Vaadin Web应用开发教程(26):UI组件-LoginForm组件

jerry VaadinWeb
Vaadin Web应用开发教程(26):UI组件-LoginForm组件
LoginForm组件专门用来接受用户输入用户名和密码,并可以自动记住用户输入的用户名和密码。其基本用法如下: // A wrapper with a caption for the login form Panel loginPanel = new Panel("Login"); ...
阅读全文

Vaadin Web应用开发教程(27):UI组件-自定义组件

jerry VaadinWeb
Vaadin Web应用开发教程(27):UI组件-自定义组件
Vaadin 支持自定义组件,典型的用法是将各种Vaadin内置的组件组合而成构成自定义组件。 创建自定义组件可以通过派生CustomComponent 然后调用setCompositionRoot 为自定义组件设置根容器。 例如: class MyComposi

Vaadin Web应用开发教程(28):UI布局-概述

jerry VaadinWeb
Vaadin Web应用开发教程(28):UI布局-概述
Vaadin提供的UI组件大体可以分为两类,一类为之前介绍的UI组件主要和用户交互。另外一类为布局类,主要目的是用来管理用户界面中所放置的UI组件的大小和位置。 在创建Window对象时,如果你不想使用缺省的布局,可以

Vaadin Web应用开发教程(29):UI布局-VerticalLayout和HorizontalLayout布局

jerry VaadinWeb
Vaadin Web应用开发教程(29):UI布局-VerticalLayout和HorizontalLayout布局
VerticalLayout和HorizontalLayout 分别垂直和水平安排其中的UI组件。这是Vaadin框架中两个最为重要的布局方式。比如Window及其父类Panel 缺省的布局就为VerticalLayout。 这两种布局的基本用法如下: VerticalLay

Vaadin Web应用开发教程(31):UI布局-FormLayout布局

jerry VaadinWeb
Vaadin Web应用开发教程(31):UI布局-FormLayout布局
FormLayout布局为使用表单(Form)时的缺省布局方式。它通常将Field组件的标题和输入域并排以两列的方式显示,并可以显示可选的必填标识。在用户输入错误时显示错误提示。 Form本身可以有标题,错误提示,表单尾注等

Vaadin Web应用开发教程(32):UI布局-Panel

jerry VaadinWeb
Vaadin Web应用开发教程(32):UI布局-Panel
Panel 为带有边框和标题的简单容器类,它的客户区为一布局对象,其缺省布局方式为VerticalLayout,可以通过setContent来修改缺省布局。 Panel的标题可以由图标和文字构成。 // Create a panel with a caption. fi