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 :
font awesome effects
246guest172.69.63.15220t2jmoApr 25, 2024 2:00:26 PMlinkAnother new ZK fiddle
2guest172.71.134.130218n5u0Apr 25, 2024 10:30:00 AMlinkAnother new ZK fiddle
1guest172.71.134.130218n5u0Apr 25, 2024 10:29:38 AMlinkBarcodescanner use in Modal Window
8guest162.158.95.20135ck08dApr 25, 2024 10:26:46 AMlinkBarcodescanner use in Modal Window
7guest162.158.95.20235ck08dApr 25, 2024 10:25:21 AMlinkBarcodescanner use in Modal Window
6guest162.158.95.20235ck08dApr 25, 2024 10:24:03 AMlinkBarcodescanner use in Modal Window
5guest162.158.95.20135ck08dApr 25, 2024 10:21:42 AMlinkBarcodescanner use in Modal Window
4guest162.158.95.20235ck08dApr 25, 2024 10:21:03 AMlinkBarcodescanner use in Modal Window
3guest162.158.95.20135ck08dApr 25, 2024 10:20:28 AMlinkBarcodescanner use in Modal Window
2guest162.158.95.20135ck08dApr 25, 2024 10:16:41 AMlinkTabbox with vflex
1guest80.37.231.16117qroamFeb 6, 2013 4:10:12 PMlinkresources
index.zulzul<zk xmlns:n="native">
<window id="VentanaCampanyas" title="_Registro de Campañas" border="normal" width="800px" height="100%">
<caption>
<div id="TBTSalir" zclass="z-window-modal-icon z-window-modal-close" forward="onMouseOver=onMouseOver;onMouseOut=onMouseOut"/>
</caption>
<n:table style="width:100%;table-layout:fixed">
<n:tr>
<n:td>
<label id="LBLTextoCodigo" value="_Código"/>
</n:td>
<n:td colspan="5">
<label id="LBLCodigo" value="_AAAA:NNNNNN" style="font-weight:bold"/>
</n:td>
</n:tr>
<n:tr>
<n:td style="width:100px">
<label value="_Fecha creación" id="LBLTextoFechaCreacion"/>
</n:td>
<n:td style="width:110px">
<label id="LBLFechaCreacion" style="font-weight:bold;"/>
</n:td>
<n:td style="width: 110px">
<label id="LBLDiaSemanaCreacion" style="font-weight:bold;"/>
</n:td>
<n:td style="width:100px">
<label value="_Responsable" id="LBLTextoResponsable"/>
</n:td>
<n:td style="width:100px">
<bandbox id="BBResponsable" cols="10" style="margin-right:5px"/>
</n:td>
<n:td>
<label value="_Nombre Responsable" id="LBLResponsable"/>
</n:td>
</n:tr>
<n:tr>
<n:td rowspan="2" colspan="3">
<groupbox width="320px">
<caption id="CPTVigenciaCampanya" label="_Vigencia de la campaña"/>
<n:table style="width:100%" cellpadding="0" cellspacing="0">
<n:tr>
<n:td style="padding-bottom:5px;width:100px">
<label value="_Fecha inicio" id="LBLFechaInicio"/>
</n:td>
<n:td style="padding-bottom:5px;width:100px">
<datebox id="DBFechaInicio" format="dd/MM/yyyy" width="88px"/>
</n:td>
<n:td style="padding-bottom:5px;width: 95px">
<label id="LBLDiaSemanaInicio"/>
</n:td>
</n:tr>
<n:tr>
<n:td>
<label value="_Fecha cierre" id="LBLFechaCierre"/>
</n:td>
<n:td>
<datebox id="DBFechaCierre" format="dd/MM/yyyy" width="88px"/>
</n:td>
<n:td style="width: 100px">
<label id="LBLDiaSemanaCierre"/>
</n:td>
</n:tr>
</n:table>
</groupbox>
</n:td>
<n:td>
<label value="_Cliente" id="LBLTextoCliente"/>
</n:td>
<n:td>
<bandbox id="BBCliente" cols="10" style="margin-right:5px"/>
</n:td>
<n:td>
<label value="_Nombre Cliente" id="LBLCliente"/>
</n:td>
</n:tr>
<n:tr>
<n:td colspan="3" style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;">
<div>
<button id="BTPeriodicidad" label="_Periodicidad"/>
</div>
<label id="LBLDescripcionPeriodicidad" value="_Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal _Periodicidad semanal " style="font-style:oblique;"/>
</n:td>
</n:tr>
</n:table>
<checkbox id="CHKPersonalEsporadico" label="_Personal esporádico"/>
<separator/>
<n:table style="width:100%">
<n:tr>
<n:td style="width:100px;">
<label id="LBLAsunto" value="_Asunto" sclass="Obligatorio"/>
</n:td>
<n:td>
<textbox id="TBAsunto" sclass="Obligatorio" width="99%"/>
</n:td>
</n:tr>
</n:table>
<tabbox width="100%" vflex="true">
<tabs>
<tab id="TabAsignaciones" label="_Asignar recursos"/>
<tab id="TabComunicaciones" label="_Comunicaciones"/>
</tabs>
<tabpanels>
<tabpanel>
<listbox id="LBEncuestas" vflex="true" sizedByContent="true" width="99.5%" span="0,2">
<auxhead>
<auxheader colspan="3"/>
<auxheader id="AHTarea" label="_Tarea" colspan="2"/>
</auxhead>
<listhead>
<listheader id="LHEncuesta" label="_Encuesta"/>
<listheader id="LHArticulos" label="_Articulos"/>
<listheader id="LHCentroComercial" label="_Centro comercial"/>
<listheader id="LHUsuario" label="_Usuario"/>
<listheader id="LHEstado" label="_Estado"/>
</listhead>
</listbox>
<n:div style="width:99.5%">
<!--<botoneraListbox id="botonera" height="25px" visible="true" visiblePasarExcel="true" visibleAuditoria="false" visibleUltimosRegistros="false" visibleRefrescar="false" desactivarUltimosRegistros="true" visibleLimpiarFiltros="false" visibleOcultarFiltros="false" visibleConfScroll = "false"/>-->
</n:div>
<toolbar style="background:transparent;border:none;" height="20px">
<toolbarbutton id="TBTNuevaAsignacion" label="_Nueva asignación"/>
<toolbarbutton id="TBTEliminarAsignacion" label="_Eliminar asignación"/>
</toolbar>
</tabpanel>
<tabpanel>
<!--<include src="/recursos/Componentes/gestorComunicaciones.zul" width="100%" height="100%"/>-->
</tabpanel>
</tabpanels>
</tabbox>
<toolbar width="775px" height="30px" id="PieBotones" align="center" style="position: static;border:thin solid green; background:transparent;margin-right:10px;" sclass="BotoneraMaestro">
<button id="BTGrabar" label="_Guardar"/>
<button id="BTCancelar" label="_Cancelar"/>
<button id="BTAnular" label="_Anular"/>
<image id="TBTInfoAuditoria" style="cursor:pointer;float:right;"/>
</toolbar>
</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");
}
}