Processing...
Suggested case list:
Using timer to refresh a grid
383
guest
172.69.33.121
25nk0ui
May 7, 2020 7:23:47 AM
link
user model to move item to another listbox
120
guest
162.158.193.148
d0n3kr
Apr 2, 2020 5:28:28 AM
link
Disabled list item row passed to VM-1981
296
fatih123
160.83.36.130
25nk0ui
Feb 13, 2018 4:25:44 PM
link
Disabled list item row passed to VM-1981
295
fatih123
160.83.36.130
25nk0ui
Feb 13, 2018 4:25:16 PM
link
Disabled list item row passed to VM-1981
294
fatih123
160.83.36.132
25nk0ui
Feb 13, 2018 3:30:44 PM
link
grid sample with ListModel/RowRenderer
816
guest
80.82.2.131
2vah9aj
Feb 21, 2017 11:42:21 AM
link
grid sample with ListModel/RowRenderer
809
guest
175.98.113.162
2vah9aj
Jan 26, 2017 9:19:33 AM
link
grid sample with ListModel/RowRenderer
196
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:57 PM
link
grid sample with ListModel/RowRenderer
195
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:54 PM
link
grid sample with ListModel/RowRenderer
194
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:51 PM
link
grid sample with ListModel/RowRenderer
193
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:48 PM
link
grid sample with ListModel/RowRenderer
192
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:44 PM
link
grid sample with ListModel/RowRenderer
191
guest
79.185.142.40
2vah9aj
Apr 26, 2014 10:53:40 PM
link
Hierarchy table without using ZK PE/EE
1
aaknai
151.28.135.213
1s871da
Jul 29, 2013 11:02:46 PM
link
grid sample with ListModel/RowRenderer
128
aaknai
151.28.135.213
2vah9aj
Jul 29, 2013 7:20:00 PM
link
user model to move item to another listbox
1
TonyQ
114.25.109.94
d0n3kr
Apr 21, 2012 10:43:27 AM
link
Using timer to refresh a grid
1
TonyQ
220.133.44.37
25nk0ui
Feb 17, 2012 3:17:34 AM
link
Fire a event from child iframe
1
TonyQ
220.133.44.37
2eupjot
Feb 3, 2012 5:04:52 AM
link
Textbox input restriction sample
1
TonyQ
72.21.245.243
1b3nlr0
Dec 20, 2011 10:09:10 AM
link
Test web core taglib in ZUL
1
TonyQ
198.203.175.175
ofqkem
Dec 17, 2011 3:36:08 AM
link
Latest 10 Fiddles :
constraint binding textbox
3
guest
172.68.151.162
20pelda
Dec 5, 2025 5:08:19 PM
link
Another new ZK fiddle
2
guest
172.68.151.163
20pelda
Dec 5, 2025 5:07:51 PM
link
Another new ZK fiddle
1
guest
172.68.151.162
20pelda
Dec 5, 2025 5:07:32 PM
link
Another new ZK fiddle
1
peggypeng
172.71.154.99
364f4ne
Dec 5, 2025 9:24:31 AM
link
tooltip example
2
guest
104.22.23.13
rc1nto
Dec 4, 2025 2:23:45 PM
link
Another new ZK fiddle
1
guest
172.69.134.227
7t7602
Dec 4, 2025 1:40:46 PM
link
Another new ZK fiddle
1
peggypeng
104.22.17.180
2df6e3o
Dec 4, 2025 8:41:29 AM
link
onClose
1
peggypeng
172.68.87.248
j8kd8a
Dec 3, 2025 4:10:26 AM
link
Another new ZK fiddle
1
peggypeng
172.69.134.227
1rm7f4e
Nov 26, 2025 3:31:24 AM
link
ZK-5912-Suggestion
2
rebeccalai
104.22.20.144
2qrmiiu
Nov 26, 2025 2:07:15 AM
link
Operacion
23
Edison
173.245.54.245
oh34p7
Jul 18, 2020 4:02:42 AM
link
resources
index.zul
zul
<?xml version="1.0" encoding="UTF-8"?> <?link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"?> <?link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" id="awesome-css"?> <?script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"?> <?script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"?> <zk xmlns="http://www.zkoss.org/2005/zul" xmlns:x="native"> <window > <!--viewModel="@id('vm')@init('modelo.comercial.trans.operacionCarteraVM')"--> <script> $(document).ready(function(){ $('[data-toggle="popover"]').popover(); }); </script> <groupbox id="groupBoxI" width="100%" mold="3d" open="false"> <caption label="" iconSclass="z-icon-fas fa-sort" style="text-align: center;" /> <grid> <columns> <column width="100px"/> <column width="450px"/> <column width="150px"/> <column width="250px"/> <column width="100px"/> <column width="250px"/> <column width="250px"/> </columns> <rows> <row> <label value="Ramo:"/> <hbox> <textbox width="50px" value="@bind(vm.ramo)" onChange="@command('cargarRamo')"/> <combobox width="100%" model="@load(vm.listaRamos)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN RAMO" selectedItem="@bind(vm.ramoSeleccionado)"> <template name="model"> <comboitem label="@load(each.descripcion)" style="font-size : 10px;color: #000000 !important;"/> </template> </combobox> </hbox> <label value="Póliza"/> <textbox value="@bind(vm.poliza)" onChange="@command('completarPoliza')"/> <label value="Endoso:"/> <textbox value="@bind(vm.endoso)" onChange="@command('completarEndoso')"/> </row> <row> <label value="Asegurado:"/> <hbox> <textbox width="80px" value="@bind(vm.codigoAsegurado)" class="form-control" onChange="@command('consultaraseguradoCodigo')" style="font-size:12px;"/> <textbox class="form-control" readonly="true" value="@bind(vm.aseguradoBuscado)" width="360px"/> </hbox> <hbox> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" iconSclass="z-icon-search" popup="consultarAsegurado"/> </div> <label value="Factura:"/> </hbox> <div class="input-group"> <textbox class="form-control" height="10px" style="font-size:11px"/> <div class="input-group-btn"> <button type="button" zclass="btn btn-primary dropdown-toggle" iconSclass="z-icon-search" height="24px" style="font-size:10px"/> </div> </div> </row> <row> <label value="Condicion de Pago:"/> <textbox class="form-control"/> <hbox> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" iconSclass="z-icon-search"/> </div> <label value="Item/Aplicación:"/> </hbox> <textbox class="form-control"/> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" iconSclass="z-icon-search"/> </div> </row> </rows> </grid> </groupbox> <separator/> <listbox width="100%" mold="paging" > <listhead> <listheader label="Ramo" style="font-size : 9px;" /> <listheader label="Descripcion" style="font-size : 9px;"/> <listheader label="Póliza" style="font-size : 9px;"/> <listheader label="Endoso" style="font-size : 9px;"/> <listheader label="Fecha Emision" style="font-size : 9px;"/> <listheader label="Fecha Vigencia" style="font-size : 9px;"/> <listheader label="Prima Neta" style="font-size : 9px"/> <listheader label="Tipo" style="font-size : 9px;"/> <listheader label="Firmada" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter align="right"> <label style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> <separator/> <div style="overflow-y: auto;height:500px;"> <x:ul class="nav nav-pills"> <x:li class="active"><x:a data-toggle="tab" href="#home">Datos</x:a></x:li> <x:li><x:a data-toggle="pill" href="#menu1">Items</x:a></x:li> <x:li><x:a data-toggle="pill" href="#menu2">Saldos</x:a></x:li> <x:li><x:a data-toggle="pill" href="#menu3">Comisión</x:a></x:li> </x:ul> <x:div class="tab-content"> <x:div id="home" class="tab-pane fade in active"> <grid> <columns> <column width="90px" label=""/> <column width="140px" label=""/> <column width="120px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="80px" label="" /> <column width="80px" label=""/> <column width="150px" label=""/> <column width="80px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="100%" label=""/> </columns> <rows> <row> <label value="Agencia:" style="font-weight:bold"/> <label value="AMBATO"/> <label value="Fecha Emisión:" style="font-weight:bold"/> <label value="29/09/2020"/> <label value="Renueva a:" style="font-weight:bold"/> <label value="000000"/> <label value="Vigencia:" style="font-weight:bold"/> <hbox> <label value="00/00/0000"/> <label value="00/00/0000"/> </hbox> <label value="Días:" style="font-weight:bold"/> <label value="700"/> <label value="Renovada por:" style="font-weight:bold"/> <label value="0000000"/> </row> <row> <label value="Asegurado:" style="font-weight:bold"/> <cell colspan="4"> <label value="000000 - YANCHATIPAN SUAREZ EDISON PAUL" zclass="text-primary" /> </cell> <label value="Contratante:" style="font-weight:bold"/> <cell colspan="6"> <label value="000000 - YANCHATIPAN SUAREZ EDISON PAUL" zclass="text-primary"/> </cell> </row> <row> <label value="Moneda:" style="font-weight:bold"/> <label value="DOLARES"/> <label value="T/Cambio:" style="font-weight:bold"/> <label value="1.000"/> <label value="Prima Deveng:" style="font-weight:bold"/> <label value="0.00"/> <label value="Operación:" style="font-weight:bold"/> <label value="POLIZA NUEVA"/> <label value="Motivo:" style="font-weight:bold"/> <label value="POLIZA NUEVA"/> <label value="Ej. Cuenta:" style="font-weight:bold"/> <label value="DOLORES SALCEDO" style="font-size:11px"/> </row> <row> <label value="Condición:" style="font-weight:bold"/> <label value="00000000 CONTADO"/> <label value="Usuario:" style="font-weight:bold"/> <label value="gvillafu"/> <label value="Fec. Pago:" style="font-weight:bold"/> <label value="00/00/0000"/> <label value="Caract. de Póliza:" style="font-weight:bold"/> <label value="NORMAL"/> <label value="Método de Cálculo:" style="font-weight:bold"/> <label value="A PRORRATA"/> <label value="Fac/NC:" style="font-weight:bold"/> <label value="001-002-000058740"/> </row> <row> <label value="Tipo:" style="font-weight:bold"/> <label value="SEGURO PROPIO"/> </row> </rows> </grid> <div style="overflow-y: auto;height:200px;"> <x:ul class="list-group" width="25%"> <x:li class="list-group-item"><label value="Suma Asegurada US$:" style="font-weight:bold"/><x:span class="badge"><label value="12,000.00" zclass="text-light"/></x:span></x:li> <x:li class="list-group-item">Prima Neta: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Contribución SuperIntendencia de Compañias Valores y Seguros: <x:span class="badge">3</x:span></x:li> <x:li class="list-group-item">Impuesto S.C.C.: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">S.C.C. (2001-2007): <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Derecho de Emisión: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Otros Cargos Sujetos a I.V.A.: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">I.V.A.: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Financiación: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Otros Cargos No Sujetos a I.V.A.: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Fonsat: <x:span class="badge">5</x:span></x:li> <x:li class="list-group-item">Prima Total: <x:span class="badge badge-pill badge-success">1,500.00</x:span></x:li> </x:ul> </div> </x:div> <x:div id="menu1" class="tab-pane fade"> <!--ITEMS--> <!--INCENDIO, 18, 17, 16--> <listbox width="100%" mold="paging" visible="true"> <listhead> <listheader label="Item" style="font-size : 9px;" /> <listheader label="Provincia" style="font-size : 9px;"/> <listheader label="Localidad" style="font-size : 9px;"/> <listheader label="Ubicación" style="font-size : 9px;"/> <listheader label="Giro" style="font-size : 9px;"/> <listheader label="C1" style="font-size : 9px;"/> <listheader label="C" style="font-size : 9px;"/> <listheader label="Coordenadas" style="font-size : 9px;"/> <listheader label="Reaseguro" style="font-size : 9px;"/> <listheader label="Estado" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> </listbox> <!--DETALLE TR--> <groupbox width="100%" open="true" visible="true" > <grid> <columns> <column width="90px" label=""/> <column width="140px" label=""/> <column width="120px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="80px" label="" /> <column width="100px" label=""/> <column width="150px" label=""/> <column width="80px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="100%" label=""/> </columns> <rows> <row> <label value="Transporte:" style="font-weight:bold"/> <label value="TERRESTRE"/> <label value="Cantidad:" style="font-weight:bold"/> <label value="2.5"/> <label value="Peso Bruto:" style="font-weight:bold"/> <label value="4kg"/> <label value="Viaje Desde:" style="font-weight:bold"/> <label value="AMBATO"/> <label value="Viaje Hasta:" style="font-weight:bold"/> <cell colspan="3"> <label value="QUITO"/> </cell> </row> <row> <label value="Fec. Salida:" style="font-weight:bold"/> <label value="15/02/2020"/> <label value="Fec. Llegada:" style="font-weight:bold"/> <label value="15/02/2020"/> </row> </rows> </grid> <hbox> <listbox width="100%" mold="paging" > <auxhead> <auxheader label="Contenido"/> </auxhead> <listhead> <listheader label="Riesgo" style="font-size : 9px;" /> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> </listbox> <listbox width="100%" mold="paging" > <auxhead> <auxheader label="Observación"/> </auxhead> <listhead> <listheader label="Riesgo" style="font-size : 9px;" /> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> </listbox> </hbox> </groupbox> <!--01, 18, 16, 17, 02--> <groupbox width="100%" mold="3d" open="false" visible="true"> <caption label="Datos de Objeto" iconSclass="z-icon-fas fa-car"/> <listbox width="100%" mold="paging" > <listhead> <listheader label="Riesgo" style="font-size : 9px;" /> <listheader label="Descripción" style="font-size : 9px;"/> <listheader label="Valor" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> </groupbox> <!--01, 18, 16, 17, 02--> <groupbox width="100%" mold="3d" open="false" visible="true"> <caption label="Coberturas" iconSclass="z-icon-fas fa-car" /> <listbox width="100%" mold="paging" > <listhead> <listheader label="Ramo" style="font-size : 9px;" /> <listheader label="Cob." style="font-size : 9px;" /> <listheader label="Descripción" style="font-size : 9px;"/> <listheader label="Incl." style="font-size : 9px;"/> <listheader label="Suma Asegurada" style="font-size : 9px;"/> <listheader label="Tasa" style="font-size : 9px;"/> <listheader label="Prima Neta" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter align="right"> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> </groupbox> <!--VH--> <listbox width="100%" mold="paging" visible="false"> <listhead> <listheader label="Item" style="font-size : 9px;" /> <listheader label="Placa" style="font-size : 9px;"/> <listheader label="Marca" style="font-size : 9px;"/> <listheader label="Modelo" style="font-size : 9px;"/> <listheader label="Chasis" style="font-size : 9px;"/> <listheader label="Tipo Vehículo" style="font-size : 9px"/> <listheader label="Propietario" style="font-size : 9px"/> <listheader label="Reaseguro" style="font-size : 9px"/> <listheader label="Estado" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> </listbox> <groupbox width="100%" mold="3d" open="false" visible="false"> <caption label="Datos de Vehículo" iconSclass="z-icon-fas fa-car"/> <grid> <columns> <column width="90px" label=""/> <column width="140px" label=""/> <column width="120px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="80px" label="" /> <column width="80px" label=""/> <column width="150px" label=""/> <column width="80px" label=""/> <column width="100px" label=""/> <column width="100px" label=""/> <column width="100%" label=""/> </columns> <rows> <row> <label value="Marca:" style="font-weight:bold"/> <label value="CHEVROLET"/> <label value="Modelo:" style="font-weight:bold"/> <cell colspan="2"> <label value=" D-MAX CRDI 2.5"/> </cell> <label value="Motor:" style="font-weight:bold"/> <cell colspan="2"> <label value="4JK1UE0953"/> </cell> <label value="Chasis:" style="font-weight:bold"/> <cell colspan="3"> <label value="8LBETF3P8L0002477"/> </cell> </row> <row> <label value="Carrocería:" style="font-weight:bold"/> <label value="DOBLE CABINA"/> <label value="Color:" style="font-weight:bold"/> <label value="ROJO"/> <label value="Procedencia:" style="font-weight:bold"/> <label value="ECUADOR"/> <label value="Uso:" style="font-weight:bold"/> <cell colspan="5"> <label value="PARTICULAR"/> </cell> </row> <row> <label value="Placa:" style="font-weight:bold"/> <label value="PRJ0697"/> <label value="Año:" style="font-weight:bold"/> <label value="2021"/> <label value="Act. Valor:" style="font-weight:bold"/> <label value="-"/> <label value="Tarjeta:" style="font-weight:bold"/> <cell colspan="5"> <label value="-"/> </cell> </row> <row> <label value="Cobertura:" style="font-weight:bold"/> <cell colspan="2"> <label value="TD - TODO RIESGO"/> </cell> <label value="Inspector:" style="font-weight:bold"/> <cell colspan="8"> <label value="129 - MARCO PILAMALA"/> </cell> </row> </rows> </grid> </groupbox> <groupbox width="100%" mold="3d" open="false" visible="false"> <caption label="Coberturas" iconSclass="z-icon-fas fa-car" /> <listbox width="100%" mold="paging" > <listhead> <listheader label="Código" style="font-size : 9px;" /> <listheader label="Descripción" style="font-size : 9px;"/> <listheader label="Incl." style="font-size : 9px;"/> <listheader label="Suma Asegurada" style="font-size : 9px;"/> <listheader label="Tasa" style="font-size : 9px;"/> <listheader label="Prima Neta" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter align="right"> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> </groupbox> </x:div> <x:div id="menu2" class="tab-pane fade"> <grid> <columns> <column width="70px" label=""/> <column width="140px" label=""/> <column width="120px" label=""/> <column width="100px" label=""/> <column width="90px" label=""/> <column width="80px" label="" /> <column width="80px" label=""/> <column width="80px" label=""/> <column width="80px" label=""/> <column width="150px" label=""/> <column width="60px" label=""/> <column width="100%" label=""/> </columns> <rows> <row> <label value="Firmante:" style="font-weight:bold"/> <cell colspan="3"> <label value="000000-YANCHATIPAN SUAREZ EDISON PAUL"/> </cell> <label value="Dirección:" style="font-weight:bold"/> <cell colspan="3"> <label value="QUIS QUIS Y SALAMANCA"/> </cell> <label value="Teléfono:" style="font-weight:bold"/> <label value="0995736507 032847507"/> <label value="Mail:" style="font-weight:bold"/> <cell colspan="2"> <label value="
[email protected]
"/> </cell> </row> </rows> </grid> <separator/> <div align="left"> <button label="Historial Cobranza" iconSclass="z-icon-fas fa-history" zclass="btn btn-primary btn-xs"/> </div> <separator bar="true"/> <hbox> <listbox width="100%" mold="paging" > <auxhead > <auxheader colspan="4"> <label value="CUOTAS" /> </auxheader> </auxhead> <listhead> <listheader label="Cuota" style="font-size : 9px;" /> <listheader label="Fecha" style="font-size : 9px;"/> <listheader label="Importe" style="font-size : 9px;"/> <listheader label="Saldo" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> <listfooter align="right"> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> <listbox width="100%" mold="paging" > <auxhead > <auxheader colspan="4"> <label value="PAGOS" /> </auxheader> </auxhead> <listhead> <listheader label="Fecha" style="font-size : 9px;"/> <listheader label="Cuota" style="font-size : 9px;" /> <listheader label="Valor" style="font-size : 9px;"/> <listheader label="Comprobante" style="font-size : 9px;"/> </listhead> <template name="model"> <listitem > <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> </listitem> </template> <listfoot > <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value="TOTAL" style="font-size : 11px;font-weight: bold;"/> </listfooter> <listfooter align="right"> <label value="0000" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> </hbox> </x:div> <x:div id="menu3" class="tab-pane fade"> <div class="panel panel-success"> <div class="panel-heading"> <vbox> <hbox> <label value="Broker:" style="font-size : 12px;font-weight: bold;"/> <label value="00002 - GRUPO MANCHENO VILLACRESES"/> <label value="Subagente:" style="font-size : 12px;font-weight: bold;"/> <label value="00002 - GRUPO MANCHENO VILLACRESES"/> </hbox> <hbox> <label value="Plan Comercial:" style="font-size : 12px;font-weight: bold;"/> <label value="F"/> </hbox> </vbox> <div style="float:right; font-size: 100%; position: relative; top:-40px"> <label value="Valor $:" style="font-size : 15px;font-weight: bold;"/> <label value="-1908.89" style="font-size : 15px;"/> </div> </div> <div class="panel-body"> </div> </div> </x:div> </x:div> </div> <!--POPUP--> <popup id="consultarAsegurado" width="500px"> <vbox> <grid> <columns> <column label="" width="30%"/> <column label="" width="70%"/> </columns> <rows> <row> <label value="Tipo de Búsqueda:" style="font-size : 10px;"/> <radiogroup selectedItem="@bind(vm.opcionAsegurado)"> <radio label="Nombre" style="font-size : 10px;" value="1" /> <radio label="Identificación" style="font-size : 10px;" value="2"/> <radio label="Código" style="font-size : 10px;" value="3"/> </radiogroup> </row> <row> <label value="Asegurado:"/> <hbox> <textbox value="@bind(vm.asegurado)" width="240px" style="font-size : 10px;text-transform:uppercase;" forward="onOK=consulta.onClick" onCreate="self.focus()"/> <button id="consulta" image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultaAsegurados')" tooltiptext="Consultar" /> </hbox> </row> </rows> </grid> <separator /> <hbox> <listbox model="@load(vm.aseguradosList)" selectedItem="@bind(vm.aseguradoSelec)" onSelect="@command('cargaAsegurado')" mold="paging" pageSize="8"> <listhead> <listheader label="Asegurado" style="font-size : 10px; " width="100px"/> <listheader label="Nombre" style="font-size : 10px;" width="300px"/> </listhead> <template name="model"> <listitem> <listcell label="@load(each.asegurado)" style="font-size : 10px;"/> <listcell label="@load(each.nombre_corto)" style="font-size : 10px;"/> </listitem> </template> </listbox> </hbox> <separator /> </vbox> </popup> </window> </zk>
TestComposer.java
java
import 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"); } }
Sorry, JavaScript must be enabled.
Change your browser options, then
try again
.