Processing...

Suggested case list:

Using timer to refresh a grid

383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlink

user model to move item to another listbox

120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlink

Disabled list item row passed to VM-1981

296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlink

Disabled list item row passed to VM-1981

295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlink

Disabled list item row passed to VM-1981

294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlink

grid sample with ListModel/RowRenderer

816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlink

grid sample with ListModel/RowRenderer

809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlink

grid sample with ListModel/RowRenderer

196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlink

grid sample with ListModel/RowRenderer

195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlink

grid sample with ListModel/RowRenderer

194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlink

grid sample with ListModel/RowRenderer

193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlink

grid sample with ListModel/RowRenderer

192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlink

grid sample with ListModel/RowRenderer

191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlink

Hierarchy table without using ZK PE/EE

1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlink

grid sample with ListModel/RowRenderer

128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlink

user model to move item to another listbox

1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlink

Using timer to refresh a grid

1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlink

Fire a event from child iframe

1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlink

Textbox input restriction sample

1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlink

Test web core taglib in ZUL

1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlink

Latest 10 Fiddles :

constraint binding textbox

3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlink

Another new ZK fiddle

2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlink

Another new ZK fiddle

1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlink

Another new ZK fiddle

1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlink

tooltip example

2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlink

Another new ZK fiddle

1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlink

Another new ZK fiddle

1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlink

onClose

1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlink

Another new ZK fiddle

1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlink

ZK-5912-Suggestion

2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlink

multiline

10guest200.52.64.2322c2onvrMay 13, 2016 6:49:39 PMlink

resources

index.zulzul <zk> <window id="win" width="100%" height="95%" border="none" > <borderlayout> <center autoscroll="true" zclass="noBorder"> <grid> <rows> <row> <cell colspan="7"> <label value="Folio" /> </cell> </row> <row> <cell colspan="1"> <textbox id="txtFolio" /> </cell> </row> <row> <cell colspan="7"> <label value="Pertenencia" sclass="titulosAzul" /> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="Grupo de Establecimiento" /> <vlayout> <locator id="cmbGrupoEs" codWidth="60px" descWidth="100px" helpName="PRUEBA" helpDescription="PRUEBA" disabled="false" constraint="no empty"> </locator> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Institución" /> <vlayout> <combobox id="cmbInstitucion" width="95%" helpName="Institución" helpDescription="Institución" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tipología" /> <vlayout> <combobox id="cmbTipologia" width="95%" helpName="Tipología" helpDescription="Tipología" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Subtipología" /> <vlayout> <combobox id="cmbSubtipologia" width="95%" helpName="Subtipología" helpDescription="Subtipología" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tipo de Establecimiento" /> <vlayout> <combobox id="cmbTipoEstablecimiento" width="95%" helpName="Tipo de Establecimiento" helpDescription="Tipo de Establecimiento" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="SCIAN" /> <vlayout> <combobox id="cmbScian" width="95%" helpName="SCIAN" helpDescription="SCIAN" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"></cell> </row> <row> <separator /> </row> <row> <cell colspan="7"> <label value="Identificación" sclass="titulosAzul" /> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="CLUES" /> <textbox id="txtObservation" /> </vbox> </cell> <cell colspan="2"> <vbox> <label value="Nombre" /> <textbox id="txtNombre" width="150%" /> </vbox> </cell> <cell colspan="2"> <vbox> <label value="Nombre Comercial" /> <textbox id="txtNombreComer" width="150%" /> </vbox> </cell> <cell colspan="1"> <vbox> <label value="RFC" /> <textbox id="txtRfc" /> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Estatus de Operacion" /> <vlayout> <combobox id="cmbEstatusOperacion" width="95%" helpName="Estatus de Operacion" helpDescription="Estatus de Operacion" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="Fecha de Construcción" /> <vlayout> <datebox id="dateConstruccion" format="dd/MM/yyyy" mold="rounded" width="100%" disabled="false" helpDescription="Fecha de Construcción" helpName="Fecha de Construcción" /> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Fecha de Operación" /> <vlayout> <datebox id="dateOperacion" format="dd/MM/yyyy" mold="rounded" width="100%" disabled="false" helpDescription="Fecha de Construcción" helpName="Fecha de Operación" /> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Nivel de Atención" /> <vlayout> <combobox id="cmbAtencion" width="95%" helpName="PRUEBA" helpDescription="Nivel de Atención" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tiene Licencia Sanitaria" /> <vlayout> <combobox id="cmbLicenciaSanitaria" width="95%" helpName="PRUEBA" helpDescription="Tiene Licencia Sanitaria" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Numero de Licencia Sanitaria" /> <vlayout> <combobox id="cmbNumLicenciaSanitaria" width="95%" helpName="PRUEBA" helpDescription="Numero de Licencia Sanitaria" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tiene Aviso de Funcionamiento" /> <vlayout> <combobox id="cmbAvisoFuncionamiento" width="95%" helpName="Tiene Aviso de Funcionamiento" helpDescription="Tiene Aviso de Funcionamiento" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Fecha Aviso de Funcionamiento" /> <vlayout> <datebox id="dateAvisoFuncionamiento" format="dd/MM/yyyy" mold="rounded" width="100%" disabled="true" helpDescription="Fecha Aviso de Funcionamiento" helpName="Fecha Aviso de Funcionamiento" /> </vlayout> </vbox> </cell> </row> <row> <cell colspan="1"> <vbox> <space spacing="1%" /> <label value="Propiedad del Inmueble" /> <vlayout> <combobox id="cmbPropiedadInmueble" width="95%" helpName="Propiedad del Inmueble" helpDescription="Propiedad del Inmueble" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <space spacing="1%" /> <label value="Institución Administradora" /> <vlayout> <combobox id="cmbInsAdminis" width="95%" helpName="Propiedad del Inmueble" helpDescription="Propiedad del Inmueble" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="2"> <hbox> <vbox> <label value="Consultorios" /> <label value="Medicina General" /> <textbox id="txtConMedGen" width="80%" /> </vbox> <space></space> <vbox> <space spacing="0%" /> <label value="Otras Áreas" /> <textbox id="txtOtrasAreas" width="80%" /> </vbox> <space></space> <vbox> <space spacing="0%" /> <label value="Total" /> <textbox id="txtTotal" width="80%" /> </vbox> </hbox> </cell> <cell colspan="2"> <hbox> <vbox> <label value="Camas Área" /> <label value="Hospitalización" /> <textbox id="txtCamasHospi" width="80%" /> </vbox> <vbox> <space spacing="0%" /> <label value="Otras Áreas" /> <textbox id="txtOtrasAreasHospi" width="80%" /> </vbox> <vbox> <space spacing="0%" /> <label value="Total" /> <textbox id="txtTotalHospi" width="80%" /> </vbox> </hbox> </cell> </row> <row> <label value="Consultorios" sclass="titulosAzul" /> </row> <row> <cell colspan="3"> <label value="1.-¿Cuenta con un área para entrevistas y otra para explotaracion fisica?" /> </cell> <vlayout> <combobox id="cmbAreaExploracion" width="95%" helpName="área y exploracion" helpDescription="área y exploracion" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </row> <row> <cell colspan="3"> <label value="2.-¿Existe comunicación con la farmacia?(por pasillo,ventana o pueta)" /> </cell> <vlayout> <combobox id="cmbComunicacionfarmacia" width="95%" helpName="farmacia pasillo,ventana o puerta" helpDescription="farmacia pasillo,ventana o puerta" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </row> <row> <cell colspan="3"> <label value="3.-¿Cuenta con rótulo del responsable a la vista del público?" /> </cell> <vlayout> <combobox id="cmbResponsableVista" width="95%" helpName="farmacia pasillo,ventana o puerta" helpDescription="farmacia pasillo,ventana o puerta" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </row> <row> <cell colspan="3"> <label value="4.-¿Cuenta con recetario médico impreso que cumpla con los lineamientos vigentes?" /> </cell> <vlayout> <combobox id="cmbRecetacioImpreso" width="95%" helpName="4.-¿Cuenta con recetario médico impreso que cumpla con los lineamientos vigentes?" helpDescription="4.-¿Cuenta con recetario médico impreso que cumpla con los lineamientos vigentes?" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </row> <row> <cell colspan="3"> <label value="5.-¿Cuenta con buenas condiciones sanitarias(limpieza en local,equipo y en utensillos)?" /> </cell> <vlayout> <combobox id="cmbCondicionesSanitarias" width="95%" helpName="5.-¿Cuenta con buenas condiciones sanitarias(limpieza en local,equipo y en utensillos)?" helpDescription="5.-¿Cuenta con buenas condiciones sanitarias(limpieza en local,equipo y en utensillos)?" disabled="true" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </row> <row> <cell colspan="7"> <label value="Otros Campos" sclass="titulosAzul" /> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="Estatus Acreditación" /> <vlayout> <combobox id="cmbEstatusAcre" width="95%" helpName="Tipo de Acreditación" helpDescription="Tipo de Acreditación" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tipo de Acreditación" /> <vlayout> <combobox id="cmbTipoAcre" width="95%" helpName="Tipo de Acreditación" helpDescription="Tipo de Acreditación" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell> <vbox> <label value="Subacreditación" /> <vlayout> <locator id="cmbSubacre" codWidth="60px" descWidth="90px" helpName="Programa" helpDescription="Programa" disabled="false" constraint="no empty"> </locator> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Estrato" /> <vlayout> <combobox id="cmbEstrato" width="95%" helpName="Estrato" helpDescription="Estrato" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tipo de Obra" /> <vlayout> <combobox id="cmbTipoObra" width="95%" helpName="Tipo de Obra" helpDescription="Tipo de Obra" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Certificación CSG" /> <vlayout> <combobox id="cmbCertificacionCSG" width="95%" helpName="Tipo de Obra" helpDescription="Tipo de Obra" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Tipo de Certificación CSG" /> <vlayout> <combobox id="cmbTipoCSG" width="95%" helpName="Tipo de Certificación CSG" helpDescription="Tipo de Certificación CSG" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="Fecha de vigencia CSG" /> <vlayout> <datebox id="dateVigenciaCSG" format="dd/MM/yyyy" mold="rounded" width="100%" disabled="false" helpDescription="Fecha de Construcción" helpName="Fecha de Construcción" /> </vlayout> </vbox> </cell> </row> <row> <cell colspan="3"> <label value="Justificación de la Solicitud" sclass="titulosAzul" /> </cell> </row> <row> <cell colspan="3"> <textbox id="txtJustiSoli" multiline="true" rows="5" cols="40" /> </cell> </row> <row> <cell colspan="3"> <label value="Motivo de Baja" sclass="titulosAzul" /> </cell> </row> <row> <cell colspan="1"> <vbox> <label value="Motivo" /> <vlayout> <combobox id="cmbMotivo" width="95%" helpName="Tipo de Obra" helpDescription="Tipo de Obra" disabled="false" constraint="no empty"> <comboitem self="@{each=modeMammmography}" label="@{modeMammmography.longDescLabel}" value="@{modeMammmography}" /> </combobox> </vlayout> </vbox> </cell> <cell colspan="1"> <vbox> <label value="Fecha de Efectiva" /> <vlayout> <datebox id="dateEfectiva" format="dd/MM/yyyy" mold="rounded" width="100%" disabled="false" helpDescription="Fecha de Construcción" helpName="Fecha de Construcción" /> </vlayout> </vbox> </cell> <cell colspan="3"> <vlayout> <label value="Justificación" /> <textbox id="txtJusti" multiline="true" rows="5" cols="40" /> </vlayout> </cell> </row> <row> <cell colspan="4" align="right" vflex="1"> <button id="btnSave" label="Guardar" helpDescription="${labels.mammographyStudy.btnSave.helpDescription}" disabled="true" /> </cell> </row> </rows> </grid> </center> </borderlayout> </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"); } }