GWT DialogBox

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

GWT DialogBox 在顶部有一个标题区域，用户可以拖动它。GWT DialogBox，调用 PopupPanel.setWidth(String) 和 PopupPanel.setHeight(String) 将设置对话框的宽度和高度。

GWT DialogBox 类声明

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

GWT DialogBox 嵌套类

Class	描述
DialogBox.Caption	它是 DialogBox 标题支持的一组特征接口。
DialogBox.CaptionImpl	它是 Caption 的默认实现。

GWT DialogBox 构造函数

构造函数	描述
DialogBox()	它创建一个空的对话框。
DialogBox(boolean autoHide)	它创建一个空的对话框，指定其 "auto-hide" 属性。
DialogBox(boolean autoHide, boolean modal)	它创建一个空的对话框，指定其 "auto-hide" 和 "modal" 属性。
DialogBox(boolean autoHide, boolean modal, DialogBox.Caption captionWidget)	它创建一个空的对话框，指定其 "auto-hide"、"modal" 属性以及自定义 DialogBox.Caption 的实现。

GWT DialogBox 常用方法

修饰符和类型	方法	描述
受保护的 void	beginDragging(MouseDownEvent event)	它在标题区域中鼠标按下时调用，通过开启事件捕获来开始拖动循环。
受保护的 void	doAttachChildren()	如果一个组件包含一个或多个不在逻辑组件层次结构中的子组件（子组件仅在 DOM 级别物理连接），则它必须覆盖此方法并为其每个子组件调用 Widget.onAttach()。
受保护的 void	doDetachChildren()	如果一个组件包含一个或多个不在逻辑组件层次结构中的子组件（子组件仅在 DOM 级别物理连接），则它必须覆盖此方法并为其每个子组件调用 Widget.onDetach()。
void	hide(boolean autoClosed)	它隐藏弹出窗口并将其从页面中分离。
void	onBrowserEvent(Event event)	每当收到浏览器事件时调用。
受保护的 void	onPreviewNativeEvent(Event.NativePreviewEvent event)	它创建预览。
void	setHTML(SafeHtml html)	它通过调用其 setHTML(SafeHtml) 方法来设置标题内的 html 字符串。
void	setHTML(java.lang.String html)	它通过调用其 setHTML(SafeHtml) 方法来设置标题内的 html 字符串。
void	setText(java.lang.String text)	它通过调用其 setText(String) 方法来设置标题内的文本。
void	show()	它显示弹出窗口并将其附加到页面。

GWT DialogBox 示例 1

//SampleDialogBox1.java

import com.extjs.gxt.ui.client.event.ButtonEvent;
import com.extjs.gxt.ui.client.event.SelectionListener;
import com.extjs.gxt.ui.client.widget.Window;
import com.extjs.gxt.ui.client.widget.button.Button;
import com.extjs.gxt.ui.client.widget.form.FormPanel;
import com.extjs.gxt.ui.client.widget.form.HtmlEditor;
import com.extjs.gxt.ui.client.widget.form.TextField;
import com.extjs.gxt.ui.client.widget.layout.FitLayout;
import com.extjs.gxt.ui.client.widget.layout.FormData;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;

/** 
 * This is the entry point method.
 */
public void onModuleLoad() {
	VerticalPanel verticalPanel = new VerticalPanel();
	verticalPanel.setSpacing(10);
	verticalPanel.setBorderWidth(1);
	verticalPanel.setSize("100%", "100%");
	verticalPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_CENTER);
	verticalPanel.setVerticalAlignment(HasVerticalAlignment.ALIGN_MIDDLE);
	// The log in button
	Button submit = new Button("DialogBox");
	verticalPanel.add(submit);
	submit.addClickHandler(new ClickHandler() {
		@Override
		public void onClick(ClickEvent event) {
			// Add validation
			showCustomDialog();
		}
	});
	
	// Add our panel to the page
	RootLayoutPanel.get().add(verticalPanel);
}
/**
 * Draws Custom Dialog box.
 * @return DialogBox
 */
private DialogBox showCustomDialog() {

       final DialogBox dialog = new DialogBox(false, true);
       // final DialogBox dialog = new DialogBox(true, true);
       // Set caption
       dialog.setText("DialogBox Caption");
       // Setcontent
	Label content = new Label("This is sample text message inside "
		+ "Customized Dialogbox. In this example a Label is "
		+ "added inside the Dialogbox, whereas any custom widget "
		+ "can be added inside Dialogbox as per application'ser's need. ");
       if (dialog.isAutoHideEnabled())  {
	   dialog.setWidget(content);
        } else {
	VerticalPanel vPanel = new VerticalPanel();vPanel.setSpacing(2);
	vPanel.add(content);vPanel.add(new Label("\n"));
	vPanel.add(new Button("Close", new ClickHandler() {
	public void onClick(ClickEvent event) {
         	dialog.hide();
		}
	}));
	dialog.setWidget(vPanel);
	}
	dialog.setPopupPosition(100, 150);
	dialog.show();
	return dialog;
}

输出

GWT DialogBox 示例 2

//SampleDialogBox2.java

/**
 * This is the entry point method.
 */
public void onModuleLoad() {

	Button btn= new Button("Dialogbox", new ClickHandler() {

		@Override
		public void onClick(ClickEvent event) {
			DialogBox dlg = new CustomDialog();
			dlg.center();
		}
	});
	RootPanel.get().add(btn);
}
/**
 * CustomDialog adds DockPanel as its child widget.
 */
class CustomDialog extends DialogBox implements ClickHandler {
	public CustomDialog() {
		super(true);
		setText("Sample DialogBox");

		Button closeButton = new Button("Close", this);
		HTML msg = new HTML("A Custom dialog box.",true);

		DockPanel dock = new DockPanel();
		dock.setSpacing(6);
		Image image = new Image();
		image.setUrl("/images/gwt-dialogbox1");
		dock.add(image, DockPanel.CENTER);
		dock.add(closeButton, DockPanel.SOUTH);
		dock.add(msg, DockPanel.NORTH);

		dock.setCellHorizontalAlignment(closeButton, DockPanel.ALIGN_CENTER);
		dock.setWidth("100%");
		setWidget(dock);
	}

	@Override
	public void onClick(ClickEvent event) {
		hide();
	}
}

输出

下一主题GWT DateBox

← 上一个下一个 →

GWT DialogBox

GWT DialogBox 类声明

GWT DialogBox 嵌套类

GWT DialogBox 构造函数

GWT DialogBox 常用方法

GWT DialogBox 示例 1

GWT DialogBox 示例 2

联系信息

关注我们

教程

面试题

在线编译器

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 DialogBox

GWT DialogBox 类声明

GWT DialogBox 嵌套类

GWT DialogBox 构造函数

GWT DialogBox 常用方法

GWT DialogBox 示例 1

GWT DialogBox 示例 2

相关帖子

GWT ScrollPanel

GWT SuggestBox

GWT FlexTable

GWT HTMLPanel

GWT PopupPanel

GWT DateBox

GWT RootPanel

GWT FormPanel

GWT FlowPanel

GWT Grid

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器