Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkCannot Cast
4guest190.18.183.629rs8neOct 8, 2018 11:46:46 PMlinkresources
index.zulzul<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>
<zk xmlns="http://www.zkoss.org/2005/zul"
xmlns:h="http://www.w3.org/1999/xhtml"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
<style>
<!-- background image -->
html{ padding: 0px; margin:0px;border:0px} body { padding: 0px;
margin:0px;border:0px/* 0 padding on top and bottom and 0
padding on right and left */ } .tranparent{border:0px;padding:0
0;margin:0 0;background:transparent;}
<!-- cut the vertical borders in the rows -->
tr.z-row td.z-row-inner { border-right: 0px #CCC; }
<!-- nicer looking -->
.z-window-modal-cnt-noborder {background: none}
.z-window-modal-cl-noborder {background: none}
.outerGroupBox .z-groupbox-cnt {padding: 0px;}
</style>
<window id="loginWindow" border="none" width="100%" height="100%"
style="background: #91bbdc url(${c:encodeURL('/images/login/background.png')}) no-repeat; padding: 0px; margin:0px;border:0px"
use="pkg$.FmisLoginCtrl">
<div
style="height: 28px;text-align: left;background: #EEF0F2 url(${c:encodeURL('/images/login/bg_lang.png')}) repeat-x top; padding: 0px; margin:0px;border:0px">
<div
style="color: #acd105; padding-top: 5px; font-weight: bold;">
<label
value="Browser Support : Internet Explorer 7+, Firefox 12+ and Chrome 15+" />
</div>
</div>
<div style="width: 100%; height: 122px;"></div>
<div
style="margin-left: auto;margin-right: auto;width: 385px;height: 263px;background: url(${c:encodeURL('/images/login/bg_fromlogin.png')}) no-repeat ;">
<div style="height:20px;width:100%"></div>
<div
style="width: 361px; height: 40px; margin-left: auto; margin-right: auto; text-align: center;">
<div style="float:left;padding-left:30px;width:300px">
<!--
<image src="/images/logo1.png" width="25px"
height="25px" />-->
<div style="width:100%;height:8px;"></div>
<label value="Login to Fmis"
style="font-weight:bold;font-size:13px;" />
</div>
<div style="float:right;width:30px">
<toolbarbutton id="btnClosed"
image="/images/icons/stop.gif"
tooltiptext="${c:l('button_ZKLoginDialog_Close.tooltiptext')}"
style="float:right;margin-right:5px;margin-top:4px;" />
</div>
</div>
<div
style="width: 361px; height: 190px; margin-left: auto; margin-right: auto;">
<h:form id="f" name="f" action="j_spring_security_check"
method="POST">
<div
style="height: 24px; margin-top: 5px; text-align: center;">
<div style="height:22px">
<label if="${not empty param.login_error}"
style="color:red"
value="Reason: ${sessionScope.SPRING_SECURITY_LAST_EXCEPTION.message}" />
<h:br />
</div>
<div
style="height: 84%; width: 100%; padding-top: 10px">
<div
style="height:115px;width: 90%;margin-left: auto; margin-right: auto;padding-left:5px">
<div height="25px"
style="text-align:left;">
<div
style="width:40%;float:left;height:25px;">
<label
id="label_ZKLoginDialog_user"
value="${c:l('label_ZKLoginDialog_user.value')}" />
</div>
<div
style="width:58%;float:right;height:25px;">
<textbox id="txtbox_Username"
name="j_username" width="90%" />
</div>
</div>
<div height="25px"
style="text-align:left;">
<div
style="width:40%;float:left;height:25px;">
<label
id="label_ZKLoginDialog_pwd"
value="${c:l('label_ZKLoginDialog_pwd.value')}" />
</div>
<div
style="width:58%;float:right;height:25px;">
<textbox id="txtbox_Password"
type="password" name="j_password" width="90%" />
</div>
</div>
<div height="25px"
style="text-align:left;">
<div
style="width:40%;float:left;height:25px;">
<label value="Language" />
</div>
<div
style="width:58%;float:right;height:25px;">
<combobox width="91%">
<comboitem
value="Vietnamese" />
<comboitem
value="United Kingdom" />
<comboitem
value="United States" />
</combobox>
</div>
</div>
</div>
<separator bar="true" width="100%" />
<div>
<button id="btnServerTime" height="22px"
style="float:left;margin-left:5px"
image="/images/icons/date_16x16.gif"
tooltiptext="${c:l('button_ZKLoginDialog_ServerTime.tooltiptext')}" />
<button id="btnReset" type="reset"
height="22px" label="Reset"
style="float:right;margin-right:3px" />
<button id="btnLogin" type="submit"
height="22px" label="Sign In"
style="float:right;margin-right:5px" />
</div>
</div>
</div>
</h:form>
</div>
</div>
<div
style="background: url(${c:encodeURL('/images/login/foo-bg.gif')}) repeat-x top rgb(38, 95, 146); width: 100%; position: fixed ; bottom: 0px ; height: 70px ; padding: 0px; margin:0px;border:0px">
<div
style="padding: 15px 20px;text-align: center; color: rgb(213, 232, 246);">
<label value="Trung tâm Công nghệ thông tin - EVNIT" />
<h:br />
<label
value="Trụ sở chính: 16 Lê Đại Hành - Quận Hai Bà Trưng - TP.Hà
Nội" />
<h:br />
<label
value="Điện thoại: 84 4 22225210 - Fax: 84 4 22225211 -
Website: www.evnnews.vn; support.evn.com.vn" />
</div>
</div>
</window>
</zk>TestComposer.javajavaimport java.io.IOException;
import java.io.InputStream;
import java.net.URL;
import java.net.URLConnection;
import org.apache.log4j.Logger;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Listen;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Label;
import org.zkoss.zul.Textbox;
import org.zkoss.zul.Window;
import java.text.*;
public class FmisLoginCtrl extends SelectorComposer<Window> {
@SuppressWarnings("unused")
private final static Logger logger = Logger.getLogger(FmisLoginCtrl.class);
private static final long serialVersionUID = -71422545405325060L;
@Wire
private Label lbl_ServerTime;
@Wire
private Textbox txtbox_Username, txtbox_Password;
@Listen("onClick=#btnReset")
public void onReset(Event event) {
this.txtbox_Username.setValue("");
this.txtbox_Password.setValue("");
this.txtbox_Username.focus();
}
@Listen("onClick=#btnClosed")
public void onClosed() throws IOException {
Executions.sendRedirect("/j_spring_logout");
}
@Listen("onClick=#btnServerTime")
public void onServerTime() throws IOException {
final long l = getCurrentHttpTokenTime();
final String dateStr = DateFormat.getInstance().format(l);
this.lbl_ServerTime.setMultiline(true);
this.lbl_ServerTime.setValue("time on synchronization-server:\n"
+ dateStr);
}
private long getCurrentHttpTokenTime() {
final String urlString = "http://unixtime.forsthaus.de/time.php";
try {
final URL url = new URL(urlString);
final URLConnection conn = url.openConnection();
final InputStream istream = conn.getInputStream();
try {
final StringBuilder sb = new StringBuilder();
int ch = -1;
while ((ch = istream.read()) != -1) {
sb.append((char) ch);
}
final long l1 = Long.parseLong(sb.toString());
return l1 * 1000;
} catch (final NumberFormatException e) {
throw new RuntimeException(e);
} finally {
istream.close();
}
} catch (final IOException e) {
throw new RuntimeException(e);
}
}
}