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 AMlinkAnother new ZK fiddle
1guest172.69.206.1623loa902Feb 11, 2021 8:09:31 PMlinkresources
index.zulzul<?xml version="1.0" encoding="UTF-8"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>
<zk xmlns:h="xhtml" xmlns:zk="zk">
<window id="win_assessment_login_component" border="none" zclass="none" use="river.web.controller.AssessmentLoginComponentController"
contentSclass="wassl_div_content">
<style>
.wassl_div_content{
padding: 0 20px;
margin-top: 2em;
}
.wassl_div_form{
border: 1px solid rgba(54, 64, 74, 0.1);
padding: 20px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
border-radius: 5px;
background-clip: padding-box;
background-color: #ffffff;
max-width: 40em;
margin: auto;
}
.wassl_div_row{
margin-bottom: 10px;
}
.wassl_image{
width: 70%;
margin: 20px 0;
}
.wassl_button_login{
text-transform: uppercase;
}
.wassl_button_action{
}
</style>
<div class="wassl_div_form">
<div class="row wassl_div_row">
<div class="col-md-12 text-center">
<image class="wassl_image" src="../img/assessment/360_predictor.png"/>
</div>
</div>
<div class="row wassl_div_row">
<div class="col-md-12">
<textbox id="text_email" class="form-control" placeholder="Email" maxlength="50"/>
</div>
</div>
<div id="div_row_password" class="row wassl_div_row">
<div class="col-md-12">
<textbox id="text_password" type="password" class="form-control" placeholder="${c:l('password')}"/>
</div>
</div>
<div id="div_row_name" class="row wassl_div_row" visible="false">
<div class="col-md-12">
<textbox id="text_name" class="form-control" placeholder="${c:l('assc_label_name')}" maxlength="25"/>
</div>
</div>
<div id="div_row_last_name" class="row wassl_div_row" visible="false">
<div class="col-md-12">
<textbox id="text_last_name" class="form-control" placeholder="${c:l('assc_label_last_name')}" maxlength="24"/>
</div>
</div>
<div id="div_row_combo_language" class="row wassl_div_row" visible="false">
<div class="col-md-12">
<combobox id="combo_language" readonly="true" width="100%"/>
</div>
</div>
<div id="div_row_captcha" class="row wassl_div_row">
<div class="col-md-12">
<vlayout spacing="5px" style="text-align:center;">
<captcha id="captcha" length="5" width="200px" />
<div class="input-group">
<textbox id="text_captcha" class="form-control" placeholder="${c:l('captcha_text')}" />
<span class="input-group-btn">
<button iconSclass="fa fa-refresh" class="btn btn-default"
onClick="win_assessment_login_component.refreshCaptcha()"/>
</span>
</div>
</vlayout>
</div>
</div>
<div id="div_row_terms" class="row wassl_div_row" visible="false">
<div class="col-md-12">
<hlayout valign="middle">
<checkbox id="check_terms"/>
<label value="${c:l('assc_label_i_accept_the')}"/>
<a class="wassl_button_action" onClick='Executions.getCurrent().sendRedirect("https://online.s2dit.com/terminos-y-condiciones-s2dit-2020.pdf", "_blank")'>
<label value="${c:l('assc_label_terms')}"/>
</a>
</hlayout>
</div>
</div>
<div class="row wassl_div_row">
<div class="col-md-12">
<button id="button_login" label="${c:l('login')}" class="wassl_button_login btn btn-primary" width="100%"
onClick="win_assessment_login_component.doLogin();"/>
<button id="button_register" label="${c:l('assc_label_register')}" class="wassl_button_login btn btn-primary" width="100%"
onClick="win_assessment_login_component.subscribeUser();" visible="false"/>
</div>
</div>
<div id="div_row_footer_login" class="row wassl_div_row">
<div class="col-md-12 text-center">
<vlayout>
<a class="wassl_button_action" onClick="win_assessment_login_component.loadWinRecoverPassword()">
<hlayout valign="middle">
<span class="fa fa-lock"/>
<label value="${c:l('lb_forgot_pwd')}"/>
</hlayout>
</a>
<label value="${c:l('assc_label_dont_have_account')}"/>
<a class="wassl_button_action" onClick="win_assessment_login_component.initComponents(true)">
<label value="${c:l('assc_label_sign_up_here')}"/>
</a>
</vlayout>
</div>
</div>
<div id="div_row_footer_register" class="row wassl_div_row" visible="false">
<div class="col-md-12 text-center">
<hlayout valign="middle">
<label value="${c:l('assc_label_already_registered')}"/>
<a class="wassl_button_action" onClick="win_assessment_login_component.initComponents(false)">
<label value="${c:l('assc_label_enter_here')}"/>
</a>
</hlayout>
</div>
</div>
</div>
<window id="win_recover_password" title="${c:l('recover_password')}" visible="false" closable="true" width="500px"
onClose="win_recover_password.setVisible(false); event.stopPropagation();" >
<textbox id="text_email_recover_password" class="form-control" placeholder="Email" maxlength="50"/>
<separator height="10px"/>
<div class="text-right">
<button class="btn btn-success" iconSclass="fa fa-paper-plane"
onClick="win_assessment_login_component.sendRecoverPassword();" label="${c:l('send')}"/>
</div>
</window>
</window>
</zk>TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}