GWT FormPanel

2025年3月17日 | 阅读 3 分钟

此 Panel 处理 HTML FORM 的元素。在此 panel 中，我们可以添加任何将被包装在 HTML form 元素中的小部件。

GWT FormPanel 类声明

让我们看看 com.google.gwt.user.client.ui.FormPanel 的声明

GWT FormPanel 嵌套类

Class	描述
FormPanel.SubmitCompleteHandler	它处理 FormPanel.SubmitCompleteEvent 事件。
FormPanel.SubmitCompleteEvent	当表单成功提交时触发。
FormPanel.SubmitEvent	当表单提交时触发
FormPanel.SubmitHandler	它处理 FormPanel.SubmitEvent 事件。

GWT FormPanel 构造函数

构造函数	描述
FormPanel()	它创建一个新的 FormPanel。
FormPanel(Element element)	它被子类用来显式地使用现有的元素。
FormPanel(Element element, boolean createIFrame)	它被子类用来显式地使用现有的元素。
FormPanel(NamedFrame frameTarget)	它创建一个以 NamedFrame 为目标的 FormPanel。
FormPanel(NamedFrame frameTarget)	它创建一个以 NamedFrame 为目标的 FormPanel。
FormPanel(java.lang.String target)	它创建一个以字符串为输入目标的新 FormPanel。

GWT FormPanel 方法

修饰符和类型	方法	描述
void	addFormHandler(FormHandler handler)	它将一个表单小部件添加到 panel 中。
java.lang.String	getAction()	它获取与此表单关联的“action”。
java.lang.String	getEncoding()	它获取用于提交此表单的编码。
java.lang.String	getMethod()	它获取用于提交此表单的 HTTP 方法。
java.lang.String	getTarget()	它获取表单的“target”。
受保护的 void	onAttach()	当小部件附加到浏览器的文档时，将调用此方法。
受保护的 void	onDetach()	当小部件从浏览器的文档中分离时，将调用此方法。
void	onFrameLoad()	当目标框架加载完成时调用。
void	setAction(SafeUri url)	它设置与此表单关联的“action”。
void	setAction(java.lang.String url)	它设置与此表单关联的“action”。
void	setEncoding(java.lang.String encodingType)	它设置用于提交此表单的编码。
void	submit()	它提交表单。
static FormPanel	wrap(Element element)	它创建一个包装现有元素的 FormPanel 元素将一组图形对象放置在特定位置。
static FormPanel	wrap(Element element, boolean createIFrame)	它创建一个包装现有元素的 FormPanel。

GWT FormPanel 示例

//SampleFormPanel.java

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.DecoratorPanel;
import com.google.gwt.user.client.ui.FileUpload;
import com.google.gwt.user.client.ui.FormPanel;
import com.google.gwt.user.client.ui.FormPanel.SubmitCompleteEvent;
import com.google.gwt.user.client.ui.FormPanel.SubmitEvent;
import com.google.gwt.user.client.ui.ListBox;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.VerticalPanel;

public class FormPanelExample implements EntryPoint {

  public void onModuleLoad() {
    // Create a FormPanel and point it at a service.
    final FormPanel form = new FormPanel();
    form.setAction("/myFormHandler");

    
    form.setEncoding(FormPanel.ENCODING_MULTIPART);
    form.setMethod(FormPanel.METHOD_POST);

    // Create a panel to hold all of the form widgets.
    VerticalPanel panel = new VerticalPanel();
    form.setWidget(panel);

    // Create a TextBox, giving it a name so that it will be submitted.
    final TextBox tb = new TextBox();
    tb.setName("textBoxFormElement");
    panel.add(tb);

    // Create a ListBox, giving it a name and some values to be associated with its options.
    ListBox lb = new ListBox();
    lb.setName("listBoxFormElement");
    lb.addItem("Item1", "Item1Value");
    lb.addItem("Item2", "Item2Value");
    lb.addItem("Item3", "Item3Value");
    panel.add(lb);

    // Create a FileUpload widget.
    FileUpload upload = new FileUpload();
    upload.setName("uploadFormElement");
    panel.add(upload);

    // Add a 'submit' button.
    panel.add(new Button("Submit", new ClickHandler() {
      public void onClick(ClickEvent event) {
        form.submit();
      }
    }));

  // Add an event handler to the form.
    form.addSubmitHandler(new FormPanel.SubmitHandler() {
      public void onSubmit(SubmitEvent event) {
 
        if (tb.getText().length() == 0) {
          Window.alert("The text box must not be empty");
          event.cancel();
        }
      }
    });
    form.addSubmitCompleteHandler(new FormPanel.SubmitCompleteHandler() {
      public void onSubmitComplete(SubmitCompleteEvent event) {
        
        Window.alert(event.getResults());
      }
    });

    RootPanel.get().add(form);
  }
}

//SampleFormPanel.css

body {
   text-align: center;
   font-family: verdana, sans-serif;
}

h1 {
   font-size: 2em;
   font-weight: bold;
   color: #777777;
   margin: 40px 0px 70px;
   text-align: center;
}

输出

下一主题GWT Scroll Panel

← 上一个下一个 →

GWT FormPanel

GWT FormPanel 类声明

GWT FormPanel 嵌套类

GWT FormPanel 构造函数

GWT FormPanel 方法

GWT FormPanel 示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

GWT 教程

GWT 面板

GWT 布局面板

GWT 高级

GWT MVP

GWT 区别

面试题

GWT FormPanel

GWT FormPanel 类声明

GWT FormPanel 嵌套类

GWT FormPanel 构造函数

GWT FormPanel 方法

GWT FormPanel 示例

相关帖子

GWT PopupPanel

GWT Grid

GWT ScrollPanel

GWT RootPanel

GWT SuggestBox

GWT 面板

GWT FlowPanel

GWT FlexTable

GWT DialogBox

GWT DateBox

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器