package com.google.gwt.sample.hello.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.core.client.GWT;
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.FormHandler;
import com.google.gwt.user.client.ui.FormPanel;
import com.google.gwt.user.client.ui.FormSubmitCompleteEvent;
import com.google.gwt.user.client.ui.FormSubmitEvent;
import com.google.gwt.user.client.ui.HorizontalPanel;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.Widget;
/**
* FormPanel用法
* @author crane.ding
* @version 1.0 2008-9-26
*/
public class Hello implements EntryPoint {
public void onModuleLoad() {
HorizontalPanel outer = new HorizontalPanel();
final FormPanel formPanel = new FormPanel();
final TextBox box = new TextBox();
final Button button = new Button("ok", new ClickListener() {
public void onClick(Widget sender) {
formPanel.submit();
}
});
box.setName("textbox");
formPanel.setAction(GWT.getModuleBaseURL() + "/myFormHandler");
formPanel.setEncoding(FormPanel.ENCODING_URLENCODED);
formPanel.setMethod(FormPanel.METHOD_GET);
formPanel.addFormHandler(new FormHandler() {
public void onSubmit(FormSubmitEvent event) {
if (box.getText().trim().equals("")) {
Window.alert("请输入");
event.setCancelled(true);
}
}
public void onSubmitComplete(FormSubmitCompleteEvent event) {
Window.alert(event.getResults());
}
});
outer.add(box);
outer.add(button);
formPanel.setWidget(outer);
RootPanel.get().add(formPanel);
}
}
package com.google.gwt.sample.hello;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* @author crane.ding
* @version 1.0 2008-9-26
*/
public class MyServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
resp.setContentType("text/plain;charset=UTF-8");
resp.getWriter().write(req.getParameter("textbox"));
}
}
<module>
<inherits name="com.google.gwt.user.User"/>
<entry-point class="com.google.gwt.sample.hello.client.Hello"/>
<servlet class="com.google.gwt.sample.hello.MyServlet" path="/myFormHandler"/>
</module>
分享到:
相关推荐
在"TestSmartGWT"这个DEMO中,可能会使用SmartGWT库,它是GWT的一个扩展,提供了更丰富的组件和更高级的功能。例如,SmartGWT提供了`ListGrid`,这是一个强大的表格组件,可以实现复杂的表格操作。此外,`DataSource...
2. 添加一个FileUpload组件到FormPanel中,设置文件输入字段的名称。 ```java FileUpload fileUpload = new FileUpload(); fileUpload.setName("file"); form.add(fileUpload); ``` 3. 创建一个按钮,当用户点击按钮...
2. **EXT GWT组件**:例如,使用Grid面板展示数据,TreePanel实现层级结构,FormPanel进行表单数据输入等。 3. **数据绑定**:GWText可能包含了数据模型与视图之间的双向绑定,这使得UI与数据模型保持同步。 4. **...
在GWT中,要获取前端的所有`<input>`标签,我们可以使用以下步骤: 1. **创建一个列表来存储`<input>`元素**: ```java List<InputElement> inputList = new ArrayList(); ``` 2. **获取`RootPanel`对象**: `...
- 将`gwtext-2.0.3`目录下的`gwtext.jar`文件加入到项目中。 - 在项目的`public`目录中创建`js`文件夹,并将`ext-2.1`目录下的`adapter`、`resources`目录以及`ext-all.js`、`ext-core.js`等文件导入到`js`文件夹...
这篇博客文章的标题“gwt-ext 实例”表明,作者分享了一个关于如何在GWT项目中使用gwt-ext库的实际示例。通过这个实例,读者可以学习到如何引入gwt-ext库,创建和配置UI组件,以及如何将这些组件整合到GWT应用中。 ...
GWT是Google推出的一款开源工具,它允许开发者使用Java语言编写客户端代码,然后编译成优化的JavaScript,从而在浏览器中运行。而GXT是基于GWT的UI库,提供了丰富的组件和更美观的界面设计,尤其在数据网格、图表和...
GWT中使用Float样式实现布局 #### 背景介绍 在GWT中实现复杂的布局时,经常会使用到CSS的`float`属性。这种布局方式可以让多个元素并排显示。 #### 示例代码 以下是一个使用`float`属性实现并排布局的例子: ```...
- **Gwt-ext**:是基于GWT的一个UI组件库,提供了一套丰富的用户界面组件,简化了使用GWT开发复杂Web应用程序的过程。Gwt-ext主要基于Ext JS库进行了封装,使其能够很好地与GWT集成。 #### 二、安装CypalStudio工具...
3. 如何在GXT组件中使用数据模型和数据源,如在Grid中显示数据,在FormPanel中编辑数据。 4. 如何处理用户交互事件,如点击按钮执行添加、删除或更新操作。 5. 如何实现数据的验证和错误处理。 通过深入分析和理解...
标题“ExtGWTInterface”指向的主题可能是关于如何在Ext GWT中设计和使用接口。在Java编程中,接口是一种定义行为的抽象类型,它包含一组未经实现的方法。在Ext GWT中,接口常用于定义组件的行为或交互方式,使得...
4. 创建GWT项目:在IDE中新建一个GWT项目,选择GWT模块,然后在项目中引入GXT库。 5. 配置GXT库:在项目的类路径中添加GXT的jar包。这些jar包可以从Sencha官方下载,或者通过Maven或Gradle依赖管理工具获取。 二、...
总之,"gxt-2.2.3.zip" 包含了GXT 2.2.3版本的所有资源,为了在Eclipse环境中使用这个库,你需要先解压文件,然后将解压后的库添加到你的项目的构建路径中。这将让你能够利用GXT的强大功能来构建富互联网应用程序。