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 :

frozen scroll

1guest172.69.33.373j82a06Mar 28, 2024 8:03:44 AMlink

Gmarker and forEach

1guest172.68.67.1362lpvk1hMar 28, 2024 7:29:50 AMlink

Gmaps

1guest172.68.67.1363dvghg5Mar 28, 2024 7:28:20 AMlink

grid demo

5guest172.71.158.2371grhhu3Mar 27, 2024 7:46:36 AMlink

grid demo

4guest172.71.158.2371grhhu3Mar 27, 2024 7:46:25 AMlink

grid demo

3guest172.71.154.181grhhu3Mar 27, 2024 7:44:16 AMlink

grid demo

2guest172.71.154.181grhhu3Mar 27, 2024 7:43:58 AMlink

grid demo

1guest172.71.154.191grhhu3Mar 27, 2024 7:42:54 AMlink

Scrollable Panel

13guest172.69.223.193ctlblaMar 27, 2024 5:31:21 AMlink

Scrollable Panel

12guest172.69.223.194ctlblaMar 27, 2024 5:30:56 AMlink

Another new ZK fiddle

1Edison108.162.210.1483og97u4Aug 6, 2020 5:10:53 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; } .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"> <caption height="10px" sclass="mainCaption"> <!--viewModel="@id('vm')@init('modelo.comercial.trans.ordenEmisionVM')"--> <div align="center" sclass="captionButtons"> <button image="/imagenes/help20.png" sclass="captionButton" onClick="@command('visualizarManual')" tooltiptext="Visualizar Manual"/> </div> </caption> <tabbox width="100%" height="100%" > <!--500px--> <tabs> <tab label="Datos" selected="@bind(vm.seleccionaDatos)" style="font-size : 10px;" /> <tab label="Consultas" selected="@bind(vm.seleccionaConsultas)" style="font-size : 10px;" /> </tabs> <tabpanels> <tabpanel> <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="210px" > <!--500px--> <tabs> <tab label="Asegurado" style="font-size : 10px;" /> <tab label="Contratante" style="font-size : 10px;" /> </tabs> <tabpanels > <tabpanel> <grid> <columns> <column label="" width="110px"/> <column label="" width="160px"/> <column label="" width="70px"/> <column label="" width="110px"/> <column label="" width="70px"/> <column label="" width="45px"/> <column label="" width="70px"/> <column label="" width="100px"/> </columns> <rows> <row> <label value="Tipo de Documento:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.tiposID)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN TIPO" selectedItem="@bind(vm.tipoID)" onSelect="@command('cambioTipoID')"> <template name="model"> <comboitem label="@load(each)" style="font-size : 10px"/> </template> </combobox> <label value="Documento:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox value="@bind(vm.identificacion)" width="100%" style="font-size : 10px;color: #000000 !important;" maxlength="@bind(vm.cantidadDigitos)"> <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('cargarDatosAsegurado')" tooltiptext="Buscar Asegurado"/> <label value="Código:" style="font-size : 10px;"/> <cell colspan="2"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.codigo)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="true"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Apellidos:" style="font-size : 10px;"/> <cell colspan="2"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.apellidos)" width="100%" style="font-size : 10px;color: #000000 !important;text-transform:uppercase;" disabled="@bind(vm.apellidosAsControl)" constraint="@bind(vm.restriccionNombre)" > <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> <label value="Nombres:" style="font-size : 10px;"/> <cell colspan="4"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.nombres)" width="100%" style="font-size : 10px;color: #000000 !important;text-transform:uppercase;" disabled="@bind(vm.nombresAsControl)" constraint="@bind(vm.restriccionNombre)" > <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Razón Social:" style="font-size : 10px;"/> <cell colspan="6"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.razoSoc)" width="100%" style="font-size : 10px;color: #000000 !important;text-transform:uppercase;" disabled="@bind(vm.razoSocAsControl)" constraint="@bind(vm.restriccionNombre)"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Dirección:" style="font-size : 10px;"/> <cell colspan="7"> <textbox value="@bind(vm.direccion)" width="100%" style="font-size : 10px;color: #000000 !important;text-transform:uppercase;" disabled="@bind(vm.direccionAsControl)" constraint="no empty: (*) El campo es obligatorio"/> </cell> </row> <row> <label value="Email:" style="font-size : 10px;"/> <cell colspan="2"> <textbox value="@bind(vm.email)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.emailAsControl)" constraint="/.+@.+\.[a-z]+/: Por favor ingrese un Email válido"/> </cell> <label value="Teléfono:" style="font-size : 10px;"/> <cell colspan="2"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.telefono)" width="100%" style="font-size : 10px;color: #000000 !important;text-transform:uppercase;" disabled="@bind(vm.telefonoAsControl)" maxlength="9" constraint="no empty: (*) El campo es obligatorio"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> <label value="Celular:" style="font-size : 10px;"/> <cell colspan="1"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.celular)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.celularAsControl)" maxlength="10" constraint="no empty: (*) El campo es obligatorio"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> </rows> </grid> </tabpanel> <tabpanel> <grid> <columns> <column label="" width="110px"/> <column label="" width="160px"/> <column label="" width="70px"/> <column label="" width="110px"/> <column label="" width="70px"/> <column label="" width="45px"/> <column label="" width="70px"/> <column label="" width="100px"/> </columns> <rows> <row> <label value="Tipo de Documento:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.tiposID)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN TIPO" selectedItem="@bind(vm.tipoIDCon)" disabled="@bind(vm.tipoDocConControl)" onSelect="@command('cambioTipoIDCon')"> <template name="model"> <comboitem label="@load(each)" style="font-size : 10px"/> </template> </combobox> <label value="Documento:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox value="@bind(vm.identificacionCon)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.identificacionConControl)" > <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('cargarDatosContratante')" tooltiptext="Buscar Contratante" disabled="@bind(vm.consultarAseguradoConControl)"/> <label value="Código:" style="font-size : 10px;"/> <cell colspan="2"> <textbox value="@bind(vm.codigoCon)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="true"/> </cell> </row> <row> <label value="Apellidos:" style="font-size : 10px;"/> <cell colspan="2"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.apellidosCon)" width="100%" style="font-size : 10px;text-transform:uppercase;color: #000000 !important;" disabled="@bind(vm.apellidosConControl)" constraint="@bind(vm.restriccionNombreCon)"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> <label value="Nombres:" style="font-size : 10px;text-transform:uppercase;"/> <cell colspan="4"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.nombresCon)" width="100%" style="font-size : 10px;text-transform:uppercase;color: #000000 !important;" disabled="@bind(vm.nombresConControl)" constraint="@bind(vm.restriccionNombreCon)"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Razón Social:" style="font-size : 10px;"/> <cell colspan="6"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.razoSocCon)" width="100%" style="font-size : 10px;text-transform:uppercase;color: #000000 !important;" disabled="@bind(vm.razoSocConControl)" constraint="@bind(vm.restriccionNombreCon)"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Dirección:" style="font-size : 10px;"/> <cell colspan="7"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.direccionCon)" width="100%" style="font-size : 10px;text-transform:uppercase;color: #000000 !important;" disabled="@bind(vm.direccionConControl)" constraint="no empty: (*) El campo es obligatorio"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> <row> <label value="Email:" style="font-size : 10px;"/> <cell colspan="2"> <textbox value="@bind(vm.emailCon)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.emailConControl)" constraint="no empty: (*) El campo es obligatorio"/> </cell> <label value="Teléfono:" style="font-size : 10px;"/> <cell colspan="2"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.telefonoCon)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.telefonoConControl)" constraint="no empty: (*) El campo es obligatorio"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> <label value="Celular:" style="font-size : 10px;"/> <cell colspan="1"> <vlayout xmlns:w="client"> <textbox value="@bind(vm.celularCon)" width="100%" style="font-size : 10px;color: #000000 !important;" disabled="@bind(vm.celularConControl)" constraint="no empty: (*) El campo es obligatorio"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> </cell> </row> </rows> </grid> </tabpanel> </tabpanels > </tabbox> <groupbox width="100%"> <caption label="Datos Póliza" style="font-size : 10px;"/> <grid> <columns> <column label="" width="140px"/> <column label="" width="160px"/> <column label="" width="90px"/> <column label="" width="230px"/> <column label="" width="90px"/> <column label="" width="100%"/> </columns> <rows> <row> <radiogroup Id="" onCheck=""> <radio label="Nueva" style="font-size : 10px;" checked="@bind(vm.nuevaPoliza)" onCheck="@command('escojeNueva')" disabled="@bind(vm.tipoPolizaControl)"/> <radio label="Renovación" style="font-size : 10px;" checked="@bind(vm.nuevaRenovacion)" onCheck="@command('escojeReno')" disabled="@bind(vm.tipoPolizaControl)"/> </radiogroup> <vlayout xmlns:w="client"> <textbox value="@bind(vm.polizaReno)" width="100%" style="font-size : 10px;" disabled="@bind(vm.polizaRenControl)"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt) { if (!this._shallIgnore(evt, "0123456789 -")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> <label value="Forma de Pago:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.listaFormasPago)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UNA FORMA DE PAGO" selectedItem="@bind(vm.formaPagoEscogida)" disabled="@bind(vm.formaPagoControl)"> <template name="model"> <comboitem label="@load(each)" style="font-size : 10px"/> </template> </combobox> <label value="Uso:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.usos)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN USO" selectedItem="@bind(vm.uso)" disabled="@bind(vm.usoControl)"> <template name="model"> <comboitem label="@load(each)" style="font-size : 10px"/> </template> </combobox> </row> <row> <label value="Ejecutivo:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.listaEjecutivos)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UN EJECUTIVO" selectedItem="@bind(vm.ejecutivo)" disabled="@bind(vm.ejecutivosControl)"> <template name="model"> <comboitem label="@load(each.nombre)" style="font-size : 10px"/> </template> </combobox> <label value="Fecha Ini. Vig.:" style="font-size : 10px;"/> <datebox value="@bind(vm.fecDesde)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es" disabled="@bind(vm.inicioVigControl)" onChange="@command('verificarFechas')"/> <label value="Fecha Fin Vig.:" style="font-size : 10px;"/> <datebox value="@bind(vm.fecHasta)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es" disabled="@bind(vm.finVigControl)" onChange="@command('verificarFechas')"/> </row> <row> <label value="Observaciones:" style="font-size : 10px;"/> <cell colspan="5"> <textbox style="resize: none; font-size : 10px;" rows="5" cols="42" value="@bind(vm.observaciones)" maxlength="200" width="100%" disabled="@bind(vm.observacionesControl)"/> </cell> </row> </rows> </grid> </groupbox> <tabbox width="100%" height="100%"> <!--500px--> <tabs> <tab label="Objetos Asegurados" style="font-size : 10px;" /> <tab label="Archivos Adjuntos" style="font-size : 10px;" /> </tabs> <tabpanels > <tabpanel> <hbox> <listbox width="100%" model="@load(vm.listaObjetosAseguradosOrden)" mold="paging" pageSize="4" selectedItem="@bind(vm.objetoAseguradoEscogido)" tooltiptext="Doble click para editar el Objeto Asegurado" disabled="@bind(vm.objetosAseguradosControl)"> <listhead> <listheader label="Ramo" style="font-size : 9px;" width="120px"/> <listheader label="Marca" style="font-size : 9px;" width="100px"/> <listheader label="Modelo" style="font-size : 9px;"/> <listheader label="Año" style="font-size : 9px;" width="50px"/> <listheader label="Placa" style="font-size : 9px;" width="60px"/> <listheader label="Sum. Aseg. Casco" style="font-size : 9px;" width="100px"/> <listheader label="Tasa %" style="font-size : 9px;" width="50px"/> <listheader label="Extras" style="font-size : 9px;" width="70px"/> <listheader label="Tasa Ext. %" style="font-size : 9px;" width="70px"/> <listheader label="Prima Neta" style="font-size : 9px" width="70px"/> </listhead> <template name="model"> <listitem onDoubleClick="@command('agregarModificarObjeto')"> <listcell label="@load(each.ramo.descripcion)" style="font-size : 9px;"/> <listcell label="@load(each.marca.descripcion)" style="font-size : 9px;"/> <listcell label="@load(each.modelo.descripcion)" style="font-size : 9px;"/> <listcell label="@load(each.anioVh)" style="font-size : 9px; text-align:center"/> <listcell label="@load(each.placa)" style="font-size : 9px;text-align:center"/> <listcell label="@load(each.sumaAseg) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 9px;text-align:right"/> <listcell label="@load(each.tasaC) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 9px;text-align:right"/> <listcell label="@load(each.extras) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 9px;text-align:right"/> <listcell label="@load(each.tasaE) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 9px;text-align:right"/> <listcell label="@load(each.primaNeta) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 9px; text-align:right"/> </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 value="@bind(vm.valorTotalOrden) @converter('formatedNumber', format='###,###,##0.00')" style="text-align:right;font-size : 10px; font-weight: bold;"/> </listfooter> </listfoot> </listbox> <vbox> <button image="/imagenes/edit-add16.png" style="font-size : 10px;" onClick="@command('agregarModificarObjeto')" tooltiptext="Agregar Objeto" disabled="@bind(vm.agregarObjetoControl)"/> <button image="/imagenes/Remove16.png" style="font-size : 10px;" onClick="@command('eliminarObjeto')" tooltiptext="Eliminar Objeto" disabled="@bind(vm.eliminarObjetoControl)"/> </vbox> </hbox> </tabpanel> <tabpanel> <hbox> <listbox width="100%" model="@load(vm.listaAdjuntosOrden)" mold="paging" pageSize="8" selectedItem="@bind(vm.itemAdjunto)" tooltiptext="Doble click para visualizar el documento" disabled="@bind(vm.adjuntosControl)"> <listhead> <listheader label="Nombre Archivo" style="font-size : 10px;"/> <listheader label="Tipo Documento" style="font-size : 10px;" width="200px"/> </listhead> <template name="model"> <listitem onDoubleClick="@command('mostrarDocumento')"> <listcell label="@load(each.nombreArchivo)" style="font-size : 10px;"/> <listcell label="@load(each.tipoDoc.descripcion)" style="font-size : 10px;"/> </listitem> </template> </listbox> <vbox> <button image="/imagenes/edit-add16.png" style="font-size : 10px;" onClick="@command('agregarAdjuntos')" tooltiptext="Agregar adjuntos" disabled="@bind(vm.agregarAdjuntoControl)"/> <button image="/imagenes/Remove16.png" style="font-size : 10px;" onClick="@command('eliminarAdjunto')" tooltiptext="Eliminar Adjunto" disabled="@bind(vm.eliminarAdjuntoControl)"/> </vbox> </hbox> </tabpanel> </tabpanels > </tabbox> </tabpanel> <!--PESTAÑA DE CONSULTA--> <tabpanel> <grid> <columns> <column label="" width="70px"/> <column label="" width="250px"/> <column label="" width="70px"/> <column label="" width="85px"/> <column label="" width="110px"/> <column label="" width="110px"/> <column label="" width="70px"/> </columns> <rows> <row> <label value="Asegurado:" style="font-size : 10px;"/> <textbox value="@bind(vm.criterioBusqueda)" width="100%" height="20px" style="font-size : 10px;text-transform:uppercase;"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPorAsegurado')" tooltiptext="Consultar por Asegurado"/> <label value="Entre Fechas:" style="font-size : 10px;"/> <datebox value="@bind(vm.fechaInicioConsulta)" style="font-size : 10px;" width="100%" format="dd/MM/yyyy" locale="es"/> <datebox value="@bind(vm.fechaFinConsulta)" 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="Consultar por Fechas"/> </row> </rows> </grid> <listbox width="100%" model="@load(vm.listaOrdenesEmision)" mold="paging" pageSize="8" selectedItem="@bind(vm.ordenEmision)" onSelect="@command('seleccionaOrdenEmision')"> <listhead> <listheader label="Orden" style="font-size : 10px;"/> <listheader label="Asegurado" style="font-size : 10px;"/> <listheader label="Fecha" style="font-size : 10px;"/> <listheader label="Usuario" style="font-size : 10px;"/> <!--<listheader label="Estado" style="font-size : 10px;"/> --> </listhead> <template name="model"> <listitem> <listcell label="@load(each.codigoOrden)" style="font-size :10px;"/> <listcell label="@load(each.asegurado.nombre_corto)" style="font-size :10px;"/> <listcell label="@load(each.fecha)" style="font-size :10px;"/> <listcell label="@load(each.usuario)" style="font-size :10px;"/> <!--<listcell label="@load(each.estado)" style="font-size :10px;"/> --> </listitem> </template> </listbox> </tabpanel> </tabpanels> </tabbox> </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"); } }