|
Processing... Click on each button to see a distinct messagebox configuration!
Description & Source Code
ZK Messagebox comes with a set of configurations for its various different use cases, such as confirm, warning, and
information dialog. It provides four built-in images, they're "warning", "question", "information", and "error", shown
in this demo. messagebox.zul
<zk>
<vlayout spacing="15px">
Message Dialog
<hlayout>
<button label="Warning" width="100px">
<attribute name="onClick"><![CDATA[
Messagebox.show("Warning is pressed", "Warning", Messagebox.OK, Messagebox.EXCLAMATION);
]]></attribute>
</button>
<button label="Question" width="100px">
<attribute name="onClick"><![CDATA[
Messagebox.show("Question is pressed. Are you sure?", "Question", Messagebox.OK | Messagebox.CANCEL, Messagebox.QUESTION);
]]></attribute>
</button>
<button label="Information" width="100px">
<attribute name="onClick"><![CDATA[
Messagebox.show("Information is pressed", "Information", Messagebox.OK, Messagebox.INFORMATION);
]]></attribute>
</button>
<button label="Error" width="100px">
<attribute name="onClick"><![CDATA[
Messagebox.show("Error is pressed", "Error", Messagebox.OK, Messagebox.ERROR);
]]></attribute>
</button>
</hlayout>
Interactive Dialog
<button label="Save " width="100px">
<attribute name="onClick"><![CDATA[
Messagebox.show("Are you sure to save?", "Confirm Dialog", Messagebox.OK | Messagebox.IGNORE | Messagebox.CANCEL, Messagebox.QUESTION, new org.zkoss.zk.ui.event.EventListener() {
public void onEvent(Event evt) throws InterruptedException {
if (evt.getName().equals("onOK")) {
alert("Data Saved !");
} else if (evt.getName().equals("onIgnore")) {
Messagebox.show("Ignore Save", "Warning", Messagebox.OK, Messagebox.EXCLAMATION);
} else {
alert("Save Canceled !");
}
}
});
]]></attribute>
</button>
</vlayout>
</zk>
Copyright © 2005-2025 Potix Corporation All rights reserved.
|
|
Processing... |