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 :

Command on custom event

2guest89.197.3.1743aapdjlAug 23, 2019 10:01:15 AMlink

Command on custom event

1guest89.197.3.1743aapdjlAug 23, 2019 9:49:16 AMlink

Command on custom event

22guest118.232.105.181qpuidaAug 23, 2019 9:31:25 AMlink

Command on custom event

21guest118.232.105.181qpuidaAug 23, 2019 9:30:34 AMlink

Command on custom event

20guest118.232.105.181qpuidaAug 23, 2019 9:30:06 AMlink

Command on custom event

19guest118.232.105.181qpuidaAug 23, 2019 9:29:48 AMlink

Command on custom event

18guest118.232.105.181qpuidaAug 23, 2019 9:29:34 AMlink

Command on custom event

17guest118.232.105.181qpuidaAug 23, 2019 9:20:47 AMlink

Command on custom event

16guest118.232.105.181qpuidaAug 23, 2019 9:20:24 AMlink

Command on custom event

15guest118.232.105.181qpuidaAug 23, 2019 9:19:46 AMlink

Listbox with Template

118guest190.95.254.1022pmngjkJul 15, 2019 10:12:11 PMlink

resources

index.zulzul<?xml version="1.0" encoding="UTF-8"?> <zk xmlns="http://www.zkoss.org/2005/zul"> <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; } </style> <window border="normal" > <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> <grid> <columns> <column label="" width="160px"/> <column label="" width="100%"/> </columns> <rows> <row> <label value="Tipo de Documento:" style="font-size : 10px;"/> <radiogroup Id="" onCheck=""> <radio label="Poliza" style="font-size : 10px;" checked="true" selected="@bind(vm.seleccionaPoliza)" onCheck="@command('seleccionarPoliza')" /> <radio label="Endoso Beneficiario" style="font-size : 10px;" selected="@bind(vm.seleccionaEndosoBen)" onCheck="@command('seleccionarEndosoBen')"/> </radiogroup> </row> </rows> </grid> <grid> <columns> <column label="" width="70px"/> <column label="" width="290px"/> <column label="" width="50px"/> <column label="" width="100px"/> <column label="" width="50px"/> <column label="" width="100px"/> <column label="" width="60px"/> <column label="" width="100px"/> <column label="" width="100px"/> <column label="" width="100px"/> <column label="" width="60px"/> </columns> <rows> <row> <label value="Ramo:" style="font-size : 10px;"/> <combobox model="@load(vm.listaRamos)" width="100%" placeholder="SELECCIONE UN RAMO" style="font-size : 10px;" selectedItem="@bind(vm.ramoSeleccionado)" > <template name="model" var="p1"> <comboitem label="@bind(p1.descripcion)" value="@bind(p1.ramo)" style="font-size : 10px;"/> </template> </combobox> <label value="Poliza:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox value="@bind(vm.poliza)" style="font-size : 10px;" width="100%" onBlur="@command('completarCaracteresPoliza')" maxlength="7" > <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> <label value="Endoso:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox value="@bind(vm.endoso)" style="font-size : 10px;" width="100%" onBlur="@command('completarCaracteresEndoso')" maxlength="6"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPoliza')" tooltiptext="Buscar por Ramo/Poliza/Endoso" /> <label value="Fecha Emisión:" style="font-size : 10px;"/> <datebox value="@bind(vm.fechaInicio)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es"/> <datebox value="@bind(vm.fechaFin)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPorFechas')" tooltiptext="Buscar por Fechas de Emisión" /> </row> <row> <label value="Asegurado:" style="font-size : 10px;"/> <textbox value="@bind(vm.nombreAsegurado)" width="100%" style="font-size : 10px;text-transform:uppercase;"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPorNombre')" tooltiptext="Buscar por Nombre Asegurado" /> </row> </rows> </grid> <toolbar height="30px" align="start"> <!-- <toolbarbutton image="/imagenes/saveall20.png" tooltiptext="Descarga Todas las polizas" onClick="@command('descargarTodas')"/>--> <toolbarbutton image="/imagenes/deletelist20.png" tooltiptext="Limpiar listado" onClick="@command('limpiarListado')"/> </toolbar> <hbox> <listbox model="@load(vm.listaPolizas)" mold="paging" pageSize="8"> <listhead> <listheader label="Cliente" style="font-size : 10px;" /> <listheader label="Ramo" style="font-size : 10px;"/> <listheader label="Póliza" style="font-size : 10px;" width="100px"/> <listheader label="Endoso" style="font-size : 10px;" width="100px"/> <listheader label="F. Inicio V." style="font-size : 10px;" width="100px"/> <listheader label="F. Fin V." style="font-size : 10px;" width="100px"/> <listheader label="" width="150px"/> </listhead> <template name="model"> <listitem> <listcell label="@load(each.asegurado.nombreCorto)" style="font-size : 10px;"/> <listcell label="@load(each.ramo.descripcion)" style="font-size : 10px;"/> <listcell label="@load(each.poliza)" style="font-size : 10px;"/> <listcell label="@load(each.endoso)" style="font-size : 10px;"/> <listcell label="@load(each.fec_invig) @converter('formatedDate',format='dd/MM/yyyy')" style="font-size : 10px;"/> <listcell label="@load(each.fec_finvig) @converter('formatedDate',format='dd/MM/yyyy')" style="font-size : 10px;"/> <listcell label=""> <hbox> <button tooltiptext="Visualizar Frente de la Póliza" image="/imagenes/verfrente20.png" onClick="@command('visualizarFrente',row=each)" visible="@bind(vm.visibleFrente)" /> <button tooltiptext="Visualizar las Condiciones de la Póliza" image="/imagenes/vercond20.png" onClick="@command('visualizarCondiciones',row=each)" visible="@bind(vm.visibleCondiciones)"/> <button tooltiptext="Visualizar Endoso Beneficiario" image="/imagenes/verben20.png" onClick="@command('visualizarEndosoBen',row=each)" visible="@bind(vm.visibleEndosoBen)"/> </hbox> </listcell> </listitem> </template> </listbox> </hbox> </window> </zk>