vaadin

Vaadin Web应用开发教程(42):数据绑定-Property接口

Property接口为Vaadin数据模型的基本接口，它提供了读写单个数据对象的标准API。一个Property对象总是有数据类型的，尽管它支持可选的数据类型转换。
mapdigit·2012-09-03 21:00

Vaadin Web应用开发教程(41):数据绑定-概述

本篇介绍Vaadin的数据模型及数据绑定-将数据源绑定到UI组件。Vaadin通过数据绑定可以支持用户提供UI组件（界面）直接操作数据模型（显示或者直接修改）。
mapdigit·2012-09-03 06:00

Vaadin Web应用开发教程(40):使用主题-创建和应用新主题

Vaadin中创建的主题必须放置在VAADIN/themes目录下。目录名称即为新的主题名称，新主题中必须包含一个styles.css文件。
mapdigit·2012-09-02 09:00

Vaadin Web应用开发教程(39):使用主题-CSS简介

Vaadin主题的使用一个重要的方法是使用CSS风格文件。本篇对CSS的使用做个简单的介绍。基本CSS规则一个CSS文件包含一组规则，每个规则包含一个“风格选择符”，由逗号分开。
mapdigit·2012-09-01 07:00

Vaadin Web应用开发教程(38):使用主题-概述

在前面介绍Vaadin的UI组件及布局时，特地没有介绍这些UI组件对应的CSS设置，而是留在这里介绍Vaadin主题时一并说明。
mapdigit·2012-08-31 21:00

今天很兴奋。看到了2个激动人心的技术

Vaadin是今天才看到。正好最近想学些新东西，加上前几天开始学习的扇贝网增加单词量。现在得3个学习一起进行了。一直以来，是时刻准备着，长期的准备着，离开天朝。每当google被重置。
Free Programmer·2012-08-31 19:00

Vaadin Web应用开发教程(37):可视化界面编辑插件

前面基本介绍了Vaadin提供的各种UI组件和布局，所以界面都是通过代码来完成的。安装Vaadin的Eclipse插件后，可以通过拖拉的方式来开始话设计用户界面。
mapdigit·2012-08-31 06:00

Vaadin Web应用开发教程(35):UI布局-Accordion布局

Accordion布局类似TabSheet，不过是以垂直方式安排多个标签页，其使用方法也和TabSheet布局类似。//CreatetheAccordion. Accordionaccordion=newAccordion(); //Haveittakeallspaceavailableinthelayout. accordion.setSizeFull(); //Somecomponents
mapdigit·2012-08-29 06:00

Vaadin Web应用开发教程(34):UI布局-TabSheet布局

TabSheet布局支持标签显示。TabSheet布局通过方法addTab()添加一个标签页。//Createanemptytabsheet. TabSheettabsheet=newTabSheet(); //Makethetabsheetshrinktofitthecontents. tabsheet.setSizeUndefined(); tabsheet.addTab(newLabel
mapdigit·2012-08-28 06:00

Vaadin Web应用开发教程(33):UI布局-HorizontalSplitPanel和VerticalSplitPanel布局

HorizontalSplitPanel和VerticalSplitPanel为水平和垂直分割窗口，可以将空间分成上下或左右两部分。用户可以通过中间的分隔条调整两部分的大小。可以通过setFirstComponent()和setFirstComponent()为分隔的两部分设置不同的UI组件，addComponent()也可以依次添加两个UI组件。//Haveapaneltoputstuffin
mapdigit·2012-08-27 06:00

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

Panel为带有边框和标题的简单容器类，它的客户区为一布局对象，其缺省布局方式为VerticalLayout，可以通过setContent来修改缺省布局。 Panel的标题可以由图标和文字构成.//Createapanelwithacaption. finalPanelpanel=newPanel("ContactInformation"); panel.addStyleName("panelex
mapdigit·2012-08-26 08:00

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

Form本身可以有标题，错误提示，表单尾注等，具体参见VaadinWeb应用开发教程(23):UI组件-Form组件FormLayout布局的基本用法如下：//AFormLayoutusedoutsidethecontex
mapdigit·2012-08-25 09:00

Vaadin Web应用开发教程(30):UI布局-GridLayout布局

GridLayout布局使用网格来布置其中的UI组件。每个网格提供行，列来定义。每个UI组件可以占据一个或多个网格。由网格的坐标(x1,y1,x2,y2)来定义。GridLayout布局内部使用一个游标(cursor)来记录当前的网格位置，GridLayout布局添加UI组件的顺序为从左到右，从上到下。如果游标越过当前网格的右下角，GridLayout布局自动添加一行。下例为GridLayout布
mapdigit·2012-08-24 20:00

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

这是Vaadin框架中两个最为重要的布局方式。比如Window及其父类Panel缺省的布局就为VerticalLayout。
mapdigit·2012-08-24 06:00

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

Vaadin提供的UI组件大体可以分为两类，一类为之前介绍的UI组件主要和用户交互。另外一类为布局类，主要目的是用来管理用户界面中所放置的UI组件的大小和位置。
mapdigit·2012-08-23 06:00

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

Vaadin支持自定义组件，典型的用法是将各种Vaadin内置的组件组合而成构成自定义组件。
mapdigit·2012-08-22 08:00

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

LoginForm组件专门用来接受用户输入用户名和密码，并可以自动记住用户输入的用户名和密码。其基本用法如下://Awrapperwithacaptionfortheloginform PanelloginPanel=newPanel("Login"); loginPanel.setWidth("250px"); LoginFormlogin=newLoginForm(); loginPanel
mapdigit·2012-08-21 06:00

Vaadin Web应用开发教程(25):UI组件-Slider组件

Slider组件可以显示为垂直或是水平滑动条，可以使用鼠标拖动来设置其值。其基本使用如下：//Createaverticalslider finalSlidervertslider=newSlider(1,100); vertslider.setOrientation(Slider.ORIENTATION_HORIZONTAL); //Showsthevalueoftheverticalsli
mapdigit·2012-08-20 06:00

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

ProgressIndicator组件显示进程条，ProgressIndicator组件定时向服务器查询其当前值，如果值有变化，则更新进程条进度。Web应用本身无需实现任何查询服务器的操作，查询由ProgressIndicator组件自动完成。ProgressIndicator组件的值域为0.0到1.0之间。缺省的查询(polling)间隔为1秒，可以使用setPollingInterval修改。
mapdigit·2012-08-19 07:00

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

大部分的Web应用都包含窗体(Form)，Vaadin中的Form组件提供了创建窗体的简洁方法。窗体中的填充域可以直接由绑定的数据源自动生成。
mapdigit·2012-08-18 08:00

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

Upload组件用于向服务器上传文件。它显示一个文件名输入框，一个文件选择按钮和一个上传确认按钮。 可以通过setButtonCaption修改”Upload”按钮的文字。对于”Browser”按钮由于浏览器安全方面的考虑，难以修改它的外观，”Brower”显示语言取决于浏览器本身。因此如果你想保持”Upload”语言显示的一致，你必须使用和“Browser”一样的语言。通常情况上传的文件可以存放
mapdigit·2012-08-17 06:00

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

Embedded组件内容在Vaadin中是作为资源来管理的Embeddedimage=newEmbedded("Yes,logo:", newClassResource("vaadin-logo.png
mapdigit·2012-08-16 07:00

Vaadin Web应用开发教程(20):UI组件-MenuBar组件

MenuBar用来创建下拉菜单，类似桌面应用的菜单显示。使用MenuBar首先创建MenuBar的实例：//Createamenubar finalMenuBarmenubar=newMenuBar(); main.addComponent(menubar); 然后通过addItem为最上一级菜单添加菜单项，addItem参数为String，一个图标资源，一个Command对象(用户点击菜单项后所
txf2004·2012-08-15 06:00

Vaadin Web应用开发教程(20):UI组件-MenuBar组件

MenuBar用来创建下拉菜单，类似桌面应用的菜单显示。使用MenuBar首先创建MenuBar的实例：//Createamenubar finalMenuBarmenubar=newMenuBar(); main.addComponent(menubar); 然后通过addItem为最上一级菜单添加菜单项，addItem参数为String，一个图标资源，一个Command对象(用户点击菜单项后所
mapdigit·2012-08-15 06:00

Vaadin Web应用开发教程(19):UI组件-Tree 组件

Tree组件可以用来显示具有层次关系的数据源，比如文件系统。Tree组件的一个典型应用是作为菜单显示。finalObject[][]planets=newObject[][]{ newObject[]{"Mercury"}, newObject[]{"Venus"}, newObject[]{"Earth","TheMoon"}, newObject[]{"Mars","Phobos","Deim
leili·2012-08-14 12:00

Vaadin Web应用开发教程(19):UI组件-Tree 组件

Tree组件可以用来显示具有层次关系的数据源，比如文件系统。Tree组件的一个典型应用是作为菜单显示。finalObject[][]planets=newObject[][]{ newObject[]{"Mercury"}, newObject[]{"Venus"}, newObject[]{"Earth","TheMoon"}, newObject[]{"Mars","Phobos","Deim
txf2004·2012-08-14 06:00

Vaadin Web应用开发教程(19):UI组件-Tree 组件

Tree组件可以用来显示具有层次关系的数据源，比如文件系统。Tree组件的一个典型应用是作为菜单显示。finalObject[][]planets=newObject[][]{ newObject[]{"Mercury"}, newObject[]{"Venus"}, newObject[]{"Earth","TheMoon"}, newObject[]{"Mars","Phobos","Deim
mapdigit·2012-08-14 06:00

Vaadin Web应用开发教程(18):UI组件-Table 组件

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

Vaadin Web应用开发教程(18):UI组件-Table 组件

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

Vaadin Web应用开发教程(17):UI组件-Select 组件

Vaadin中提供了多种组件允许用户从多个选项中选择某个或多个选项。比如列表，下拉框，一组RadioButton或CheckBox，表格或Tree等。
txf2004·2012-08-12 10:00

Vaadin Web应用开发教程(17):UI组件-Select 组件

Vaadin中提供了多种组件允许用户从多个选项中选择某个或多个选项。比如列表，下拉框，一组RadioButton或CheckBox，表格或Tree等。
mapdigit·2012-08-12 10:00

Vaadin Web应用开发教程(16):UI组件-Checkbox

Checkbox的状态可以为checked和unchecked.其值可以通过getValue,setValue来操作。基本用法如下//Acheckboxwithdefaultstate(notchecked,false). finalCheckBoxcheckbox1=newCheckBox("MyCheckBox"); main.addComponent(checkbox1); //Anoth
mapdigit·2012-08-11 17:00

Vaadin Web应用开发教程(16):UI组件-Checkbox

Checkbox的状态可以为checked和unchecked.其值可以通过getValue,setValue来操作。基本用法如下//Acheckboxwithdefaultstate(notchecked,false). finalCheckBoxcheckbox1=newCheckBox("MyCheckBox"); main.addComponent(checkbox1); //Anoth
txf2004·2012-08-11 17:00

Vaadin Web应用开发教程(15):UI组件-Button

Button按钮，在前面VaadinWeb应用开发教程(5):VaadinWeb应用的基本组成部分中介绍事件处理时已经对Button的用法做了说明。
mapdigit·2012-08-08 06:00

Vaadin Web应用开发教程(15):UI组件-Button

Button按钮，在前面VaadinWeb应用开发教程(5):VaadinWeb应用的基本组成部分中介绍事件处理时已经对Button的用法做了说明。
txf2004·2012-08-08 06:00

Vaadin Web应用开发教程(14):UI组件-DateField

DateField用于显示和输入日期和时间。它有两个变种：一是PopupDateField，以Popup日历选取框，另外为InlineDateField，会一直显示日期选择窗口。DateField缺省使用Popup方式。下面代码为DateField的基本使用方法：//CreateaDateFieldwiththedefaultstyle DateFielddate=newDateField();
mapdigit·2012-08-07 19:00

Vaadin Web应用开发教程(13):UI组件-RichTextArea

RichTextArea允许输入带格式的文本。RichTextArea内容以HTML格式显示。它继承自TextArea，本身没有提供什么附加功能，你可以通过扩展VRichTextArea,VRichTextToolbar的方法来为RichTextArea添加客户端功能//Createarichtextarea finalRichTextAreartarea=newRichTextArea(); r
mapdigit·2012-08-07 06:00

Vaadin Web应用开发教程(12):UI组件-PasswordField

PasswordField为TextField的一个变种，主要用来获取用户密码。PasswordFieldtf=newPasswordField("Keepitsecret");
mapdigit·2012-08-06 22:00

Vaadin Web应用开发教程(11):UI组件-TextArea

前面TextField一般为单行显示，而TextArea为多行显示。基本用法如下：//Createthearea TextAreaarea=newTextArea("BigArea"); //Putsomecontentinit area.setValue("Arow\n"+ "Anotherrow\n"+ "Yetanotherrow"); setRows()定义TextArea的行数。se
lyunabc·2012-08-06 22:00

Vaadin Web应用开发教程(11):UI组件-TextArea

前面TextField一般为单行显示，而TextArea为多行显示。基本用法如下：//Createthearea TextAreaarea=newTextArea("BigArea"); //Putsomecontentinit area.setValue("Arow\n"+ "Anotherrow\n"+ "Yetanotherrow"); setRows()定义TextArea的行数。se
mapdigit·2012-08-06 22:00

Vaadin Web应用开发教程(10):UI组件-TextField

TextField文本框，可以接受用户输入文字。它实现Field接口，支持数据绑定。基本用法：//Createatextfield TextFieldtf=newTextField("AField"); //Putsomeinitialcontentinit tf.setValue("Stuffinthefield"); 显示如下:支持Field接口的UI组件，可以通过Property.Valu
lyunabc·2012-08-06 06:00

Vaadin Web应用开发教程(10):UI组件-TextField

TextField文本框，可以接受用户输入文字。它实现Field接口，支持数据绑定。基本用法：//Createatextfield TextFieldtf=newTextField("AField"); //Putsomeinitialcontentinit tf.setValue("Stuffinthefield"); 显示如下:支持Field接口的UI组件，可以通过Property.Valu
mapdigit·2012-08-06 06:00

Vaadin Web应用开发教程(9):UI组件-Link

, newExternalResource("http://vaadin.com/")); ... //Imagelink Linkico
mapdigit·2012-08-05 17:00

Vaadin Web应用开发教程(9):UI组件-Link

, newExternalResource("http://vaadin.com/")); ... //Imagelink Linkico
lyunabc·2012-08-05 17:00

Vaadin Web应用开发教程(8):UI组件-Label

从本篇开始介绍Vaadin提供的UI组件的基本用法，这些UI组件包括Label,Link,TextField,TextArea,PasswordField,RichTextArea,DateField,
mapdigit·2012-08-05 10:00

Vaadin Web应用开发教程(8):UI组件-Label

从本篇开始介绍Vaadin提供的UI组件的基本用法，这些UI组件包括Label,Link,TextField,TextArea,PasswordField,RichTextArea,DateField,
lyunabc·2012-08-05 10:00

Vaadin Web应用开发教程(7):UI组件概述

和Swing一样，Vaadin也提供了大量的UI组件（控件）给程序员用于定义用户界面。下图为Vaadin中UI组件的类图。
mapdigit·2012-08-04 14:00

Vaadin Web应用开发教程(7):UI组件概述

和Swing一样，Vaadin也提供了大量的UI组件（控件）给程序员用于定义用户界面。下图为Vaadin中UI组件的类图。
lyunabc·2012-08-04 14:00

Vaadin Web应用开发教程(6):使用资源

Vaadin中的EmbededUI通常显示图像而Link提供可供下载的文件，其它的UI组件，比如TabSheet可以使用图标资源。
mapdigit·2012-08-04 13:00

Vaadin Web应用开发教程(6):使用资源

Vaadin中的EmbededUI通常显示图像而Link提供可供下载的文件，其它的UI组件，比如TabSheet可以使用图标资源。
lyunabc·2012-08-04 13:00
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他