Messagebox

Messagebox

• Demonstration: Messagebox
• Java API: Messagebox
• JavaScript API: N/A

Employment/Purpose

It provides a set of utilities to show message boxes.

It is typically used to alert users when an error occurs, or to prompt user for an decision.

Note: it will have different behavior between you enable EventThread or not. (Refer to The_disable-event-thread_Element )

• When you enable event thread , it will work like a modal window .(It will pause current thread and waiting it to continue.)
• If you do customization on messagebox , you might need to know that the z-class on mesasge window would be different ,too.

Example

Event Thread Disabled

Here is an example used if the event thread is enabled (default case):

<window title="Messagebox demo" border="normal">
	<button label="Question" width="100px">
		<attribute name="onClick">
	//in disable case . 
	Messagebox.show("Question is pressed. Are you sure?", 
	"Question", Messagebox.OK | Messagebox.CANCEL,
	Messagebox.QUESTION,
	 	new org.zkoss.zk.ui.event.EventListener(){
	 		public void onEvent(Event e){
	 			if("onOK".equals(e.getName())){
	 				alert("user click ok ");
	 			}else if("onCancel".equals(e.getName())){
	 				alert("user click cancel ");
	 			}
	 			
	 			/* Event Name Mapping list
				Messagebox.YES = "onYes";
				Messagebox.NO  = "onNo";
				Messagebox.RETRY = "onRetry";
				Messagebox.ABORT = "onAbort";
				Messagebox.IGNORE = "onIgnore";
				Messagebox.CANCEL = "onCancel";
				Messagebox.OK = "onOK";
	 			*/
	 		}
	 	}
	);
</attribute>
	</button>
</window>

• Notice that, if you want to make it run under clustering environment, you shall implement SerializableEventListener. For more information, please refer to ZK Developer's Reference: Clustering.

Event Thread Enabled

Here is an example used if the event thread is disabled.

<window title="Messagebox demo" border="normal">
	<button label="Question" width="100px">
		<attribute name="onClick">
	//in enable case . 
	int responseCode = Messagebox.show("Question is pressed. Are you sure?", 
	"Question", Messagebox.OK | Messagebox.CANCEL,
	Messagebox.QUESTION);
	
	if(responseCode == Messagebox.OK){
		alert("user click ok");
	}else if(responseCode == Messagebox.CANCEL){
		alert("user click cancel");
	}
</attribute>
	</button>
</window>

Customization

The Default Title

If the title is not specified, the application's name (returned by WebApp.getAppName()). You could change it by invoking WebApp.setAppName(String).

Since 5.0.6, you could specify the application's name with a library property called org.zkoss.zk.ui.WebApp.name. For example, you could specify the following in WEB-INF/zk.xml:

<library-property>
    <name>org.zkoss.zk.ui.WebApp.name</name>
    <value>My Killer Application</value>
</library-property>

The Template

The UI of a message box is based on a ZUL file, so you could customize it by replacing it with your own implementation. It can be done easily by invoking Messagebox.setTemplate(String). Notice it affects all message boxes used in an application. It is typically called when the application starts (i.e., in WebAppInit.init(WebApp) -- for more information, please refer to ZK Developer's Reference: Init and Cleanup).

To implement a custom template, please take a look at the default template.

Supported events

Name	Event Type
None	None

Supported Children

*NONE

Use cases

Version	Description	Example Location

Version History

Version	Date	Content