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 :
Customized Menupopup On Grid Header
5hiepgau172.71.211.10gig0j7May 4, 2024 5:33:29 AMlinkAnother new ZK fiddle
4hiepgau172.68.225.142gig0j7May 4, 2024 5:31:25 AMlinkAnother new ZK fiddle
3hiepgau172.71.218.113gig0j7May 3, 2024 11:46:46 PMlinkAnother new ZK fiddle
2hiepgau162.158.178.201gig0j7May 3, 2024 11:40:57 PMlinkAnother new ZK fiddle
1hiepgau162.158.179.103gig0j7May 3, 2024 10:49:45 PMlinkcustom menu on grid
7hiepgau172.71.214.52261rcaiMay 3, 2024 9:27:35 PMlinkcustom menu on grid
6hiepgau172.71.214.53261rcaiMay 3, 2024 9:26:52 PMlinkcustom menu on grid
5hiepgau172.71.214.53261rcaiMay 3, 2024 9:25:26 PMlinkcustom menu on grid
4hiepgau162.158.114.139261rcaiMay 3, 2024 9:20:17 PMlinkAnother new ZK fiddle
1guest172.70.80.2021nil9qsMay 3, 2024 2:07:26 PMlinkListbox with Template
119guest190.95.254.1022pmngjkJul 15, 2019 10:17:46 PMlinkresources
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 Inicial:" style="font-size : 10px;"/>
<datebox value="@bind(vm.fechaInicio)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es"/>
<label value="Fecha Inicial:" style="font-size : 10px;"/>
<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>