`
liangjian103
  • 浏览: 177598 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

利用GWT控制创建一个表

阅读更多
package com.java2s.gwt.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.Grid;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.Widget;

public class GWTClient implements EntryPoint{
   Label nameLabel = new Label("Name:");
   TextBox nameBox = new TextBox();
   Label addrLabel = new Label("Address:");
   TextBox addrBox = new TextBox();
   Label phoneLabel = new Label("Phone number:");
   TextBox phoneBox = new TextBox();
   Button button = new Button("Submit");

   Grid grid = new Grid(4, 2);
   
   public void onModuleLoad() {
      grid.setWidget(0, 0, nameLabel);
      grid.setWidget(0, 1, nameBox);
      grid.setWidget(1, 0, addrLabel);
      grid.setWidget(1, 1, addrBox);
      grid.setWidget(2, 0, phoneLabel);
      grid.setWidget(2, 1, phoneBox);
      grid.setWidget(3, 1, button);
      RootPanel.get().add(grid);
      
      button.addClickListener(new ClickListener() {
         public void onClick(Widget sender) {
            grid.setVisible(false);
            RootPanel.get().add(
                  new Label("Thanks for your submission."));
            Window.alert("Submit name=" + nameBox.getText()
                  + "\naddress=" + addrBox.getText() + "\nphone="
                  + phoneBox.getText());
         }
      });
   }
}

 

1、复习触发事件。

2、研究RPC,用GWT做一个Ajax的小例子。

3、对布局、CSS样式的添加、所有表单域的写法与提交。

4、做一个全面一点的例子上传到我的Google App Engine 应用上。

……

 

不断学习……

分享到:
评论

相关推荐

    Gwt Designer 开发实例一

    在这个“Gwt Designer 开发实例一”中,我们将探讨如何利用GWT Designer来创建Composite组件,实现CSS支持以及国际化(Internationalization)功能。 1. **GWT Composite组件开发**: GWT中的Composite组件允许...

    GWT的物联网应用程序

    本文将深入探讨如何利用GWT来构建一个物联网应用程序,特别是针对温室环境测控的管理系统。 1. **GWT简介** GWT是由Google开发的开源JavaScript框架,它允许开发者使用Java语言编写客户端代码,然后自动编译成优化...

    GWT入门实例

    3. **创建第一个GWT应用**:创建一个新的GWT项目,并编写第一个Hello World程序。这通常涉及到创建一个新的GWT模块,定义一个简单的用户界面(UI)组件,比如一个按钮或者文本框,并处理用户交互事件。 4. **GWT的...

    GWT安装和使用

    利用 GWT 自带的 `projectCreator.cmd` 批处理文件创建一个名为 `myProject` 的 Eclipse 工程。这个批处理文件可以接受多个参数来定制工程的具体设置。 **步骤三:创建 GWT 应用程序** 在 Eclipse 工程 `myProject`...

    GWT性能优化,利用GWT开发高性能Ajax应用,始终做好缓存, 程序压缩

    GWT的另一个优点在于它的版本控制策略。编译后的JavaScript文件基于代码哈希生成唯一的文件名,这包含了版本信息。当代码改变时,新的文件名会自动创建,从而避免了因检查文件修改日期而导致的多余HTTP请求。通过...

    GWT完整教程,Word版

    在这个阶段,你会学习如何创建第一个GWT项目,理解模块化系统,以及如何利用GWT的UI组件库(如TextBox、Button等)构建用户界面。此外,还会介绍事件处理机制、数据绑定和异步通信(RPC)的基础知识。 **中级GWT....

    GWT学习经验及实例指导

    然后,创建一个新的GWT项目,定义模块和用户界面;接着,编写Java代码,实现业务逻辑和数据处理;最后,使用GWT编译器将Java代码编译为JavaScript和HTML,发布到Web服务器。 通过实例学习GWT,你可以逐步理解如何...

    gwt+spring

    1. **配置Spring**:在服务器端,我们需要创建一个Spring配置文件(如`applicationContext.xml`),定义bean和它们的依赖关系。这些bean可能包括数据访问对象(DAOs)、业务逻辑组件(services)以及与GWT客户端通信...

    hibernate+gwt2.4

    标题“hibernate+gwt2.4”指的是一个基于Google Web Toolkit (GWT) 2.4版本与Hibernate ORM框架的集成应用示例。这个项目可能是为了展示如何在GWT前端应用程序中有效地利用Hibernate来处理后端数据库操作。GWT是一种...

    smartgwt 分页grid

    本文将深入探讨如何使用SmartGWT来创建一个自定义的分页Grid组件,以及相关的知识点。 首先,我们需要了解Grid组件在SmartGWT中的作用。Grid是SmartGWT中的核心组件之一,用于展示二维数据,它支持多种功能,如排序...

    smartGWT

    3. **AJAX和异步通信**:利用GWT的RPC机制,实现客户端和服务器之间的高效异步通信。 4. **响应式设计**:SmartGWT支持多种设备和屏幕尺寸,确保应用在桌面和移动设备上的良好表现。 5. **国际化和本地化**:内置...

    GWT与Spring整合经典文章

    【GWT与Spring整合】是现代企业级应用开发中的一个重要话题。Google Web Toolkit (GWT) 是一个由Google开发的开源工具包,它允许开发者使用Java编写富互联网应用(RIA),然后自动将其编译为高效的JavaScript代码。...

    GWT通信机制初探

    你可以创建一个`RequestBuilder`实例,设置其方法(GET或POST)、URL以及请求头,然后调用`send()`方法发送请求。接收到响应后,会触发预先设定的`ResponseCallback`,处理返回的数据。 2. **AsyncCallback**: 这是...

    Enterprise_GWT_011.pdf

    通过这种方式,可以充分利用GWT在前端开发中的强大功能,同时利用Spring在后端提供的依赖注入、事务管理和安全控制等高级特性。此外,本文还讨论了如何设计用户界面以及创建复合组件来提高前端开发效率。 #### ...

    最新GWT API

    GWT,全称为Google Web Toolkit,是一个开源的Java开发框架,允许开发者使用Java语言来编写客户端Web应用。...通过阅读和查阅这些文档,开发者可以深入了解如何利用GWT的强大功能构建高质量的Web应用。

    GWT入门与经典实例解析源码

    通过实例解析源码,你可以看到这些概念如何在实际项目中应用,例如创建一个简单的登录注册系统、实现数据表格的动态加载、构建一个基于GWT的电子商务应用等。这些实例将帮助你更好地理解和掌握GWT的各个层面,从基础...

    gwt spring整合资源下载

    开发者可以利用GWT的富客户端能力,结合Spring的灵活架构,创建出高性能的企业级Web应用。通过这些资源,开发者可以学习到如何设置项目结构、配置模块、编写服务接口、处理客户端和服务端的通信,并进行有效的测试。

    GWT介绍--基于eclipse可后台开发前台页面

    5. **测试和调试**:在各种浏览器中测试应用,利用GWT的调试工具查找并修复问题。 6. **性能优化**:使用GWT的代码分割、延迟加载等技术,优化应用加载速度和资源使用。 总的来说,GWT是一个强大的工具,尤其对于...

Global site tag (gtag.js) - Google Analytics