Processing...

Suggested case list:

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

identify firefox or not in server side

1TonyQ198.203.175.1751nv2qreDec 10, 2011 4:25:04 AMlink

ZK addThis integration

1TonyQ198.203.175.1751apl96jNov 5, 2011 4:12:50 AMlink

Latest 10 Fiddles :

Another new ZK fiddle

14guest181.175.219.24636vihd1Mar 20, 2019 9:20:29 PMlink

Another new ZK fiddle

13guest181.175.219.24636vihd1Mar 20, 2019 9:08:10 PMlink

Another new ZK fiddle

12guest181.175.219.24636vihd1Mar 20, 2019 7:40:54 PMlink

columns-sizable-flex-min-safari

1stadan145.253.186.1301ci2qmhMar 20, 2019 5:41:09 PMlink

Another new ZK fiddle

11guest181.175.219.24636vihd1Mar 20, 2019 5:10:53 PMlink

Another new ZK fiddle

10guest181.175.219.24636vihd1Mar 20, 2019 4:03:33 PMlink

Another new ZK fiddle

9guest181.175.219.24636vihd1Mar 20, 2019 3:29:22 PMlink

Another new ZK fiddle

8guest181.175.219.24636vihd1Mar 20, 2019 3:25:04 PMlink

Dynamic Listbox Columns Performance

1irlaender212.202.64.10thbflvMar 20, 2019 3:20:42 PMlink

Dynamic Listbox Columns Performance

2irlaender37.201.46.352mete3iMar 20, 2019 3:16:32 PMlink

Another new ZK fiddle

7guest181.175.219.24636vihd1Mar 14, 2019 11:08:43 PMlink

resources

index.zulzul<zk> <style> .mainCaption { display: flex; } .mainCaption .z-caption-content { display: flex; flex-grow: 1; } .mainCaption .z-caption-content > .captionButtons { display: inline-block; flex-grow: 1; text-align: right; margin-right: 1px; } .captionButton { font-size: 18px; margin: 0px 0px 0px -1px; padding: 2px 6px; border: 1px solid #cfcfcf; color: #636363; } .fgrid tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid { border: none; overflow: hidden; zoom: 1; background: white; border-top: none; border-left: none; border-right: none; border-bottom: none; } .fgrid .z-grid-odd .fgrid .z-row-inner,.fgrid .z-grid-odd .z-cell { background-color: #F7F7F7; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-top: 1px solid transparent; } .fgrid .z-grid-odd .fgrid.z-row-inner,.fgrid.z-grid-odd .z-cell,.fgrid.z-grid-odd { background: none repeat scroll 0 0 transparent; } .fgrid tr.z-grid-odd td.z-row-inner,.fgrid tr.z-grid-odd .z-cell,.fgrid tr.z-grid-odd { background: white } .fgrid tr.z-row td.z-row-inner,.fgrid tr.z-row .z-cell { background: white; border-top: none; } </style> <window border="normal" width="970px" height="800px"> <!--viewModel="@id('vm')@init('modelo.comercial.trans.ordenEmisionVM')" --> <caption height="10px" sclass="mainCaption"> <div align="center" sclass="captionButtons"> <button image="/imagenes/help20.png" sclass="captionButton" onClick="@command('visualizarManual')" tooltiptext="Visualizar Manual"/> </div> </caption> <!-- <toolbar> <toolbarbutton image="/imagenes/nuevo20.png" tooltiptext="Nueva Orden" onClick="@command('nuevaOrden1')"/> <toolbarbutton image="/imagenes/save20.png" tooltiptext="Guardar Orden" onClick="@command('guardarOrden')"/> <toolbarbutton image="/imagenes/pdf20.png" tooltiptext="Ver Orden" disabled="false" onClick="@command('verOrden')"/> </toolbar>--> <tabbox width="100%" height="100%" > <!--500px--> <tabs> <tab label="Afianzados" selected="@bind(vm.seleccionaDatos)" style="font-size : 10px;" /> <tab label="Mantenimiento" selected="@bind(vm.seleccionaConsultas)" style="font-size : 10px;" /> </tabs> <tabpanels> <tabpanel> </tabpanel> </tabpanels> </tabbox> <grid> <columns> <column label="" width="90px"/> <column label="" width="80px"/> <column label="" width="60px"/> <column label="" width="65px"/> <column label="" width="50px"/> <column label="" width="51px"/> <column label="" width="50px"/> <column label="" width="51px"/> <column label="" width="50px"/> <column label="" width="100px"/> <column label="" width="50px"/> <column label="" width="50px"/> <column label="" width="80px"/> </columns> <rows> <row> <label value="Número de Ruta:" style="font-size : 10px;"/> <textbox value="20190001" style="font-size : 10px;color: #000000 !important;" width="100%"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('cargarDatosAsegurado')" tooltiptext="Buscar Cobros Confirmados"/> <label value="Recaudador:" style="font-size : 10px;"/> <cell colspan="4"> <combobox width="100%" model="@load(vm.tiposID)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN RECAUDADOR"> <comboitem label=""/> </combobox> </cell> <label value="Fechas:" style="font-size : 10px;"/> <datebox value="@bind(vm.fecDesde)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es" disabled="false" onChange="@command('verificarFechas')" tooltiptext="Fecha de Cobro Inicial"/> <cell colspan="2"> <datebox value="@bind(vm.fecDesde)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es" disabled="false" onChange="@command('verificarFechas')" tooltiptext="Fecha de Cobro Final"/> </cell> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('cargarDatosAsegurado')" tooltiptext="Buscar Cobros Confirmados"/> </row> <row> <label value="Asegurado:" style="font-size : 10px;"/> <cell colspan="4"> <textbox value="20190001" style="font-size : 10px;color: #000000 !important;" width="100%"/> </cell> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('cargarDatosAsegurado')" tooltiptext="Buscar Cobros Confirmados"/> <label value="Ramo:" style="font-size : 10px;"/> <cell colspan="3"> <combobox width="100%" model="@load(vm.tiposID)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN RAMO"> <comboitem label=""/> </combobox> </cell> <label value="Póliza:" style="font-size : 10px;"/> <textbox value="2019000" style="font-size : 10px;color: #000000 !important;" width="100%"/> </row> </rows> </grid> <listbox id="" width="" height="" onSelect=""> <listhead> <listheader label="Ramo" style="font-size : 10px;color: #000000 !important;" width="160px"/> <listheader label="Póliza" style="font-size : 10px;color: #000000 !important;" width="45px"/> <listheader label="Endoso" style="font-size : 10px;color: #000000 !important;" width="45px"/> <listheader label="Asegurado" style="font-size : 10px;color: #000000 !important;"/> <listheader label="Dirección" style="font-size : 10px;color: #000000 !important;"/> <listheader label="F. Cobro" style="font-size : 10px;color: #000000 !important;" width="60px"/> <listheader label="Recaudador" style="font-size : 10px;color: #000000 !important;" width="100px"/> </listhead> <listitem> <listcell label="BUENA CALIDAD DE MATERIALES" style="font-size : 9px;color: #000000 !important;"/> <listcell label="1525555" style="font-size : 10px;color: #000000 !important;"/> <listcell label="000000" style="font-size : 10px;color: #000000 !important;"/> <listcell label="CARIAMANGA CITY RENTA DE VEHICULOS MEJIA" style="font-size : 10px;color: #000000 !important;"/> <listcell label="GUILLERMO PAREJA ROLANDO SOLAR 26 Y MIGUEL JIJON TERAN" style="font-size : 9px;color: #000000 !important;"/> <listcell label="12/03/2019" style="font-size : 10px;color: #000000 !important;"/> <listcell label="Francisco Jara" style="font-size : 10px;color: #000000 !important;"/> </listitem> </listbox> </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"); } }