第一个GWT-EXT应用程序

最新推荐文章于 2021-02-13 05:06:38 发布

ViVAJoy2008

最新推荐文章于 2021-02-13 05:06:38 发布

阅读量137

点赞数

分类专栏： GWT 文章标签： EXT GWT CSS YUI Eclipse

GWT 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

首先要准备的：

1.GWT-Ext 2.0.6

下载地址：http://code.google.com/p/gwt-ext/

2.Ext-2.0.2

下载地址：http://code.google.com/p/gwt-ext/

3.GWT 1.5.3

选用它是因为从官方网站看到GWT-Ext 2.0.6对这个版本的GWT JDK完全支持。

下载地址：http://code.google.com/intl/zh-CN/webtoolkit/versions.html

4.Google Plugin for Eclipse 3.4 (Ganymede)

这个是GWT在Eclipse下开发插件,通过Eclipse的Help->Software Updates里添加下面地址来安装。

下载地址:http://dl.google.com/eclipse/plugin/3.4

准备好以上的东西后，就开始配置环境了。

1.新建一个GWT工程

2.右键点击该工程,添加一个GWT-Ext 2.0.6的Jar包

3.解压缩Ext-2.0.2将里面的ext-all.js、 resources 目录和adapter目录的内容拷贝到GWT工程的"public"目录下

4. 将这句话 <inherits name='com.gwtext.GwtExt'/> 添加到GWT应用程序的 module file里。

5.将主HTML文件打开，添加对第三步中文件的引用。例如：

至此环境配置完毕。

开始做第一个程序

将Register改写为以下代码：

public class Register implements EntryPoint{ public void onModuleLoad() { createComponents(); } private void createComponents() { final FormPanel frm = new FormPanel(); frm.setDraggable(true); frm.setWidth(300); frm.setTitle("用户注册"); frm.setPaddings(25); TextField txtUsername = new TextField("用户名", "username"); TextField txtPassword = new TextField("密码", "password"); TextField txtEmail = new TextField("邮箱", "email"); TextField txtPhone = new TextField("电话", "phone"); txtUsername.setRegex("^[a-zA-Z]*$"); txtUsername.setRegexText("用户名必须为字母！"); txtUsername.setAllowBlank(false); txtPassword.setPassword(true); txtPassword.setRegex("^[a-zA-Z]*$"); txtPassword.setRegexText("密码必须为字母！"); txtPassword.setAllowBlank(false); txtEmail.setVtype(VType.EMAIL); txtEmail.setVtypeText("请输入合法的邮箱地址！"); txtEmail.setAllowBlank(false); txtPhone.setRegex("^\\d*$"); txtPhone.setRegexText("电话必须为数字！"); txtPhone.setAllowBlank(false); frm.add(txtUsername); frm.add(txtPassword); frm.add(txtEmail); frm.add(txtPhone); Panel buttonPanel = new Panel(); buttonPanel.setLayout(new HorizontalLayout(10)); Button btnSave = new Button("保存"); btnSave.addListener(new ButtonListenerAdapter() { public void onClick(Button button, EventObject e) { if (frm.getForm().isValid()) { MessageBox.alert("成功","信息提交成功！"); } else { MessageBox.alert("错误","请验证输入的信息是否正确！"); } } }); Button btnClear = new Button("取消"); btnClear.addListener(new ButtonListenerAdapter() { public void onClick(Button button, EventObject e) { MessageBox.alert("取消", "注册信息保存失败！"); } }); buttonPanel.add(btnSave); buttonPanel.add(btnClear); frm.add(buttonPanel); RootPanel.get().add(frm); } }

ViVAJoy2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一个GWT-EXT应用程序

首先要准备的：1.GWT-Ext 2.0.6下载地址：http://code.google.com/p/gwt-ext/2.Ext-2.0.2下载地址：http://code.google.com/p/gwt-ext/3.GWT 1.5.3选用它是因为从官方网站看到GWT-Ext 2.0.6对这个版本的GWT JDK完全支持。下载地址：http://code.g...
复制链接

扫一扫

专栏目录