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

Another new ZK fiddle

8guest172.68.87.1733qai67nJun 23, 2025 3:37:02 AMlink

resources

index.zulzul<zk> <div id="container" style="width:100%;overflow: hidden;" height="100%" apply="pkg$.TestComposer"> <button id="coal" label="collapse nav"/> <button id="coal2" label="open nav"/> <hlayout id="HSidebar" class="centro" width="100%" vflex="1"> <div id="sidebar" sclass="sidebar"> <div> <navbar id="NavSidebarSeguimientos" orient="vertical" visible="true" autoclose="true"> <nav id="a1" iconSclass="" label="_Reuniones interdisciplinares" sclass="planActividades"> <navitem id="NIReunionInterdisciplinarIndividualSeguimientos" iconSclass="" label="_Reuniones interdisciplinares individual" selected="true"> <custom-attributes propiedad="reunionInterdisciplinarIndividual"/> </navitem> <navitem id="NIReunionInterdisciplinarColectivoSeguimientos" iconSclass="" label="_Reuniones interdisciplinares colectivas"> <custom-attributes propiedad="reunionesInterdisciplinaresColectivo"/> </navitem> </nav> <nav id="a2" iconSclass="" label="_Otras Valoraciones"> <navitem id="NIOpenall" sclass="iconExpand" iconSclass="z-icon-expand z-icon-lg" style="width: min-content; float: inline-end; margin-top: -32px !important;"/> <nav id="NVOtrasValoracionesFuncionales" iconSclass="" label="_Funcionales" > <navitem id="NIInvisibleFuncionales" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleFuncionales"/> </navitem> <navitem id="NIValoracionBarthelColectivo" iconSclass="" label="_Valoraciones Barthel colectivas"> <custom-attributes propiedad="valoracionBarthelColectivo"/> </navitem> <navitem id="NIValoracionIsaacsColectivo" iconSclass="" label="_Valoraciones Isaacs colectivas"> <custom-attributes propiedad="valoracionIsaacsColectivo"/> </navitem> <navitem id="NIValoracionTestInformadorColectivo" iconSclass="" label="_Valoraciones Test informador colectivas"> <custom-attributes propiedad="valoracionTestInformadorColectivo"/> </navitem> <navitem id="NIValoracionDowntonColectivo" iconSclass="" label="_Valoraciones Downton colectivas"> <custom-attributes propiedad="valoracionDowntonColectivo"/> </navitem> <navitem id="NIValoracionGlasgowColectivo" iconSclass="" label="_Valoraciones Glasgow colectivas"> <custom-attributes propiedad="valoracionGlasgowColectivo"/> </navitem> <navitem id="NIValoracionHachinskiColectivo" iconSclass="" label="_Valoraciones Hachinski colectivas"> <custom-attributes propiedad="valoracionHachinskiColectivo"/> </navitem> <navitem id="NIValoracionLawtonBrodyColectivo" iconSclass="" label="_Valoraciones LawtonBrody colectivas"> <custom-attributes propiedad="valoracionLawtonBrodyColectivo"/> </navitem> <navitem id="NIValoracionWhodasColectivo" iconSclass="" label="_Valoraciones Whodas colectivas"> <custom-attributes propiedad="valoracionWhodasColectivo"/> </navitem> <navitem id="NIValoracionHoNOSColectivo" iconSclass="" label="_Valoraciones HoNOS colectivas"> <custom-attributes propiedad="valoracionHoNOSColectivo"/> </navitem> <navitem id="NIValoracionGAFColectivo" iconSclass="" label="_Valoraciones GAF colectivas"> <custom-attributes propiedad="valoracionGAFColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesFisioterapia" iconSclass="" label="_Fisioterapia"> <navitem id="NIInvisibleFisioterapia" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleFisioterapia"/> </navitem> <navitem id="NIValoracionTinettiColectivo" iconSclass="" label="_Valoraciones Tineti colectivas"> <custom-attributes propiedad="valoracionTinettilColectivo"/> </navitem> <navitem id="NIValoracionTUGColectivo" iconSclass="" label="_Valoraciones TUG colectivas"> <custom-attributes propiedad="valoracionTUGColectivo"/> </navitem> <navitem id="NIValoracionConstantColectivo" iconSclass="" label="_Valoraciones Constant colectivas"> <custom-attributes propiedad="valoracionConstantColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesLogopedia" iconSclass="" label="_Logopedia" > <navitem id="NIInvisibleLogopedia" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleLogopedia"/> </navitem> <navitem id="NIValoracionMECVVColectivo" iconSclass="" label="_Valoraciones MECV-V colectivas"> <custom-attributes propiedad="valoracionMECVVColectivo"/> </navitem> <navitem id="NIValoracionRobertsonColectivo" iconSclass="" label="_Valoraciones Robertson colectivas"> <custom-attributes propiedad="valoracionRobertsonColectivo"/> </navitem> <navitem id="NIValoracionBostonColectivo" iconSclass="" label="_Valoraciones Boston colectivas"> <custom-attributes propiedad="valoracionBostonColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesComorbilidades" iconSclass="" label="_Comorbilidades" > <navitem id="NIInvisibleComorbilidades" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleComorbilidades"/> </navitem> <navitem id="NIValoracionCharlsonColectivo" iconSclass="" label="_Valoraciones Charlson colectivas"> <custom-attributes propiedad="valoracionCharlsonColectivo"/> </navitem> <navitem id="NIValoracionFrailColectivo" iconSclass="" label="_Valoraciones Frail colectivas"> <custom-attributes propiedad="valoracionFrailColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesNutricional" iconSclass="" label="_Nutricional"> <navitem id="NIInvisibleNutricional" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleNutricional"/> </navitem> <navitem id="NIValoracionMNAColectivo" iconSclass="" label="_Valoraciones MNA colectivas"> <custom-attributes propiedad="valoracionMNAColectivo"/> </navitem> <navitem id="NIValoracionEATColectivo" iconSclass="" label="_Valoraciones EAT colectivas"> <custom-attributes propiedad="valoracionEATColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesOtros" iconSclass="" label="_Otros"> <navitem id="NIInvisibleOtros" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleAlertaPrecoz"/> </navitem> <navitem id="NIValoracionEAPColectivo" iconSclass="" label="_Valoraciones EAP colectivas"> <custom-attributes propiedad="valoracionEAPColectivo"/> </navitem> <navitem id="NIValoracionMoriskyGreenColectivo" iconSclass="" label="_Valoraciones Morisky Green colectivas"> <custom-attributes propiedad="valoracionMoriskyGreenColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesUPPs" iconSclass="" label="_UPPs" > <navitem id="NIInvisibleUPPs" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleUPPs"/> </navitem> <navitem id="NIValoracionNortonColectivo" iconSclass="" label="_Valoraciones Norton colectivas"> <custom-attributes propiedad="valoracionNortonColectivo"/> </navitem> <navitem id="NIValoracionEminaColectivo" iconSclass="" label="_Valoraciones Emina colectivas"> <custom-attributes propiedad="valoracionEminaColectivo"/> </navitem> <navitem id="NIValoracionBradenBergstromColectivo" iconSclass="" label="_Valoraciones Braden-Bergstrom colectivas"> <custom-attributes propiedad="valoracionBradenBergstromColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesTrabajoSocial" iconSclass="" label="_Trabajo Social" > <navitem id="NIInvisibleTrabajoSocial" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleTrabajoSocial"/> </navitem> <navitem id="NIValoracionGijonColectivo" iconSclass="" label="_Valoraciones Gijon colectivas"> <custom-attributes propiedad="valoracionGijonColectivo"/> </navitem> <navitem id="NIValoracionGijonAbreviadaColectivo" iconSclass="" label="_Valoraciones Gijon Abreviada colectivas"> <custom-attributes propiedad="valoracionGijonAbreviadaColectivo"/> </navitem> <navitem id="NIValoracionZaritColectivo" iconSclass="" label="_Valoraciones Zarit colectivas"> <custom-attributes propiedad="valoracionZaritColectivo"/> </navitem> <navitem id="NIValoracionEcisachColectivo" iconSclass="" label="_Valoraciones Ecisach colectivas"> <custom-attributes propiedad="valoracionEcisachColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesPsicologico" iconSclass="" label="_Psicologico"> <navitem id="NIInvisiblePsicologico" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisiblePsicologico"/> </navitem> <navitem id="NIValoracionGDSColectivo" iconSclass="" label="_Valoraciones GDS colectivas"> <custom-attributes propiedad="valoracionGDSColectivo"/> </navitem> <navitem id="NIValoracionMinimentalColectivo" iconSclass="" label="_Valoraciones Minimental colectivas"> <custom-attributes propiedad="valoracionMinimentalColectivo"/> </navitem> <navitem id="NIValoracionYesavageColectivo" iconSclass="" label="_Valoraciones Yesavage colectivas"> <custom-attributes propiedad="valoracionYesavageColectivo"/> </navitem> <navitem id="NIValoracionYesavageAbreviadaColectivo" iconSclass="" label="_Valoraciones Yesavage Abreviada colectivas"> <custom-attributes propiedad="valoracionYesavageAbreviadaColectivo"/> </navitem> <navitem id="NIValoracionPfeifferColectivo" iconSclass="" label="_Valoraciones Pfeiffer colectivas"> <custom-attributes propiedad="valoracionPfeifferColectivo"/> </navitem> <navitem id="NIValoracionNeuropsicologicaColectivo" iconSclass="" label="_Valoraciones Neuropsicologica colectivas"> <custom-attributes propiedad="valoracionNeuropsicologicaColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesNivelTerapeutico" iconSclass="" label="_NivelTerapeutico"> <navitem id="NIInvisibleNivelTerapeutico" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleNivelTerapeutico"/> </navitem> <navitem id="NIValoracionNivelIntensidadColectivo" iconSclass="" label="_Valoraciones Nivel Intensidad colectivas"> <custom-attributes propiedad="valoracionNivelIntensidadColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesPsiquiatria" iconSclass="" label="_Psiquiatria" > <navitem id="NIInvisiblePsiquiatria" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisiblePsiquiatria"/> </navitem> <navitem id="NIValoracionYoungColectivo" iconSclass="" label="_Valoraciones Young colectivas"> <custom-attributes propiedad="valoracionYoungColectivo"/> </navitem> <navitem id="NIValoracionBPRSColectivo" iconSclass="" label="_Valoraciones BPRS colectivas"> <custom-attributes propiedad="valoracionBPRSColectivo"/> </navitem> <navitem id="NIValoracionHADColectivo" iconSclass="" label="_Valoraciones HAD colectivas"> <custom-attributes propiedad="valoracionHADColectivo"/> </navitem> <navitem id="NIValoracionCornellColectivo" iconSclass="" label="_Valoraciones Cornell colectivas"> <custom-attributes propiedad="valoracionCornellColectivo"/> </navitem> <navitem id="NIValoracionHDRSColectivo" iconSclass="" label="_Valoraciones HDRS colectivas"> <custom-attributes propiedad="valoracionHDRSColectivo"/> </navitem> <navitem id="NIValoracionCAMColectivo" iconSclass="" label="_Valoraciones CAM colectivas"> <custom-attributes propiedad="valoracionCAMColectivo"/> </navitem> <navitem id="NIValoracionPlutchikColectivo" iconSclass="" label="_Valoraciones Plutchik colectivas"> <custom-attributes propiedad="valoracionPlutchikColectivo"/> </navitem> </nav> <nav id="NVOtrasValoracionesCurasPaliativas" iconSclass="" label="_Curas Paliativas" > <navitem id="NIInvisibleCurasPaliativas" iconSclass="" label="" visible="false"> <custom-attributes propiedad="valoracionInvisibleCurasPalitivas"/> </navitem> <navitem id="NIValoracionSintomasCurasPaliativasColectivo" iconSclass="" label="_Valoraciones Sintomas Curas Paliativas colectivas"> <custom-attributes propiedad="valoracionSintomaCurasPaliativasColectivo"/> </navitem> <navitem id="NIValoracionECPColectivo" iconSclass="" label="_Valoraciones ECP colectivas"> <custom-attributes propiedad="valoracionECPColectivo"/> </navitem> <navitem id="NIValoracionKarnofskyColectivo" iconSclass="" label="_Valoraciones Karnofsky colectivas"> <custom-attributes propiedad="valoracionTestKarnofskyColectivo"/> </navitem> <navitem id="NIValoracionMahlerColectivo" iconSclass="" label="_Valoraciones Mahler colectivas"> <custom-attributes propiedad="valoracionMahlerColectivo"/> </navitem> <navitem id="NIValoracionPainadColectivo" iconSclass="" label="_Valoraciones Painad colectivas"> <custom-attributes propiedad="valoracionPainadColectivo"/> </navitem> <navitem id="NIValoracionMRCColectivo" iconSclass="" label="_Valoraciones MRC colectivas"> <custom-attributes propiedad="valoracionMRCColectivo"/> </navitem> <navitem id="NIValoracionPalcomColectivo" iconSclass="" label="_Valoraciones Palcom colectivas"> <custom-attributes propiedad="valoracionPalcomColectivo"/> </navitem> </nav> </nav> <nav id="a3" iconSclass="" label="_Caidas" sclass="planActividades"> <navitem id="NICaidasIndividualSeguimientos" iconSclass="" label="_Individual por paciente"> <custom-attributes propiedad="caidasIndividual"/> </navitem> <navitem id="NICaidasColectivoSeguimientos" iconSclass="" label="_Seguimiento general"> <custom-attributes propiedad="caidasColectivo"/> </navitem> </nav> </navbar> </div> </div> </hlayout> </div> </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.*; import org.zkoss.zk.ui.select.annotation.Listen; import org.zkoss.zk.ui.select.annotation.Wire; import org.zkoss.zk.ui.select.SelectorComposer; import org.zkoss.zkmax.zul.Navbar; import org.zkoss.zul.Window; public class TestComposer extends SelectorComposer<Window> { private static final long serialVersionUID = 1L; @Wire private Navbar NavSidebarValoracionClinica; @Wire private Navbar NavSidebarEnfermeria; @Wire private Navbar NavSidebarAuxiliares; @Wire private Navbar NavSidebarHerramientas; @Wire private Navbar NavSidebarMapaOcupacion; @Wire private Navbar NavSidebarSeguimientos; @Listen("onClick = #NIValoracionClinica") public void doThumbUp() { NavSidebarValoracionClinica.setVisible(true); } @Listen("onClick = #NIEnfermeria") public void openBar2() { NavSidebarEnfermeria.setVisible(true); } @Listen("onClick = #NITCAEAuxiliares") public void openBar() { NavSidebarAuxiliares.setVisible(true); } @Listen("onClick = #NITrabajoSocial") public void openBar3() { NavSidebarSeguimientos.setVisible(true); } @Listen("onClick = #coal") public void coal() { NavSidebarSeguimientos.setCollapsed(true); // NavSidebarAuxiliares.setCollapsed(true); } @Listen("onClick = #coal2") public void coal2() { NavSidebarSeguimientos.setCollapsed(false); // NavSidebarAuxiliares.setCollapsed(false); } }