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 :

ZK Listbox ROD (8.6.0.1) - fixed

2guest108.162.212.353m3rnqiAug 6, 2020 9:11:01 PMlink

listbox and checkboxes

298guest162.158.187.1191vilk89Aug 6, 2020 5:49:13 PMlink

Another new ZK fiddle

1Edison108.162.210.1483og97u4Aug 6, 2020 5:10:53 PMlink

NavItem

24guest172.68.226.172b9sft4Aug 6, 2020 3:36:21 PMlink

Another new ZK fiddle

1guest172.69.33.491diak8eAug 6, 2020 8:55:43 AMlink

Amountbox de_CH

1guest162.158.34.212256j7stAug 6, 2020 7:19:25 AMlink

vflex and rows on listbox

4guest162.158.187.161glef8Aug 5, 2020 4:20:35 PMlink

vflex and rows on listbox

3guest162.158.187.161glef8Aug 5, 2020 4:20:15 PMlink

Amountbox de_CH

1guest172.69.55.94q2bd5iAug 5, 2020 3:53:27 PMlink

different style for each listitem

10guest162.158.165.18847laosAug 5, 2020 6:04:45 AMlink

Ordenes Emision

3Edison162.158.187.179gm98f6Jul 8, 2020 4:12:11 AMlink

resources

index.zulzul<?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"> <window border="normal" width="80%" > <!--viewModel="@id('vm')@init('com.sweadenseguros.diamante.controller.emision.NuevaOrdenEmisionVM')"--> <div > <button iconSclass="z-icon-save" zclass="btn btn-success btn-xs" label="Guardar" onClick="@command('guardarOrdenEmision')" disabled="@bind(vm.activaOpcionesOrden)" visible="@bind(vm.activaGuardar)" /> <button iconSclass="z-icon-save" zclass="btn btn-success btn-xs" label="Modificar" onClick="@command('modificarOrdenEmision')" disabled="@bind(vm.activaOpcionesOrden)" visible="@bind(vm.activaModificar)" /> <button iconSclass="z-icon-fas fa-file-pdf-o" zclass="btn btn-primary btn-xs" label="Ver Orden" onClick="@command('verReporte')" visible="@bind(vm.activaReporte)"/> <button iconSclass="z-icon-fas fa-check-square-o" zclass="btn btn-info btn-xs" label="Marcar Procesado" visible="@bind(vm.activaProcesado)" onClick="@command('marcarProcesado')"/> <button iconSclass="z-icon-fas fa-archive" zclass="btn btn-success btn-xs" label="Archivar" onClick="@command('archivarOrdenEmision')" visible="@bind(vm.activaArchivar)" /> </div> <div align="center"> <hbox> <label value="Orden de Emisión N°" style="font-size : 11px;"/> <label value="@bind(vm.titulo)" style="font-size : 11px;font-weight:bold"/> </hbox> </div> <grid > <columns > <column width="200px" /> <column width="100px" /> <column width="140px" /> <column width="100px" /> <column width="60px" /> <column width="100px" /> </columns> <rows> <row visible="@bind(vm.activaGuardar)"> <radiogroup > <radio label="Nueva" checked="@bind(vm.chknueva)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <radio label="Existente" checked="@bind(vm.chkexistente)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <radio label="Renovación" checked="@bind(vm.chkrenovacion)" onCheck="@command('abrirVencimientos')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> </radiogroup> <textbox width="100%" value="@bind(vm.txtpolizaexistente)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <checkbox label="Cotización" checked="@bind(vm.chkcotizacion)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <textbox width="100%" value="@bind(vm.txtcotizacion)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> </row> </rows> </grid> <separator/> <hbox> <vbox> <label value="Pólizas a Renovar" style="font-size : 11px;"/> <vlayout width="80%" height="100%" style="overflow:auto"> <listbox model="@load(vm.listaVencimientos)" mold="paging" multiple="true" pageSize="1" > <listhead sizable="true" disabled="@bind(vm.activaOpcionesOrden)"> <listheader label="Ramo" style="font-size : 10px;" width="100px" sort="auto(LOWER(ramo))"/> <listheader label="Pól." style="font-size : 10px;" width="100px" sort="auto(LOWER(dia))"/> <listheader label="End." style="font-size : 10px;" width="50px" sort="auto(LOWER(fact_cred))"/> <listheader label="Mes" style="font-size : 10px;" width="50px" sort="auto(LOWER(poliza))"/> <listheader label="Año" style="font-size : 10px;" width="50px" sort="auto(LOWER(endoso))"/> <listheader label="Item" style="font-size : 10px;" width="100px" sort="auto(LOWER(fec_contable))"/> </listhead> <template name="model" > <listitem> <listcell label="@load(each.ramo)" style="font-size : 10px;color: #000000 !important;"/> <listcell label="@load(each.poliza)" style="font-size : 10px;color: #000000 !important;"/> <listcell label="@load(each.endoso)" style="font-size : 10px;color: #000000 !important;"/> <listcell label="@load(each.mes)" style="font-size : 10px;color: #000000 !important;"/> <listcell label="@load(each.anio)" style="font-size : 10px;color: #000000 !important;"/> </listitem> </template> </listbox> </vlayout> </vbox> <vbox> <label value="Vigencia" style="font-size : 11px;"/> <hbox> <label value="Desde:" style="font-size : 11px;"/> <datebox value="@bind(vm.fechaInicioVigencia)" width="100%" format="dd/MM/yyyy" locale="es" onChange="@command('calculardias')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <label value="Hasta:" style="font-size : 11px;"/> <datebox value="@bind(vm.fechaFinVigencia)" width="100%" format="dd/MM/yyyy" locale="es" onChange="@command('calculardias')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <label value="Días:"/> <label value="@bind(vm.dias)" style="font-weight:bold;font-size : 11px;" /> </hbox> </vbox> </hbox> <separator/> <tabbox width="100%" > <tabs id="tabs"> <tab label="Datos Generales" style="font-size : 11px;"/> <tab label="Items" style="font-size : 11px;"/> <tab label="Archivos Adjuntos" style="font-size : 11px;"/> </tabs> <tabpanels> <tabpanel> <grid> <columns> <column width="100px"/> <column width="300px"/> <column width="100px"/> <column width="120px"/> <column width="350px"/> </columns> <rows> <row> <label value="Asegurado:" style="font-size : 11px;"/> <textbox width="100%" value="@bind(vm.txtasegurado)" disabled="true" style="color: #000000 !important;font-size : 11px;" /> <button onClick="@command('abrirventanaAsegurado')" disabled="@bind(vm.activaOpcionesOrden)" visible="@bind(vm.activaGuardar)" zclass="btn btn-primary btn-sm" iconSclass="z-icon-search" style="font-size : 11px;"/> <label value="Broker:" style="font-size : 11px;"/> <hbox> <textbox width="295px" value="@bind(vm.txtbroker)" disabled="true" style="color: #000000 !important;"/> <button iconSclass="z-icon-search" zclass="btn btn-primary btn-sm" onClick="@command('abrirventana')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> </hbox> </row> <row> <label value="Agente" style="font-size : 11px;"/> <textbox width="100%" value="@bind(vm.txtagente)" disabled="true" style="color: #000000 !important;font-size : 11px;"/> <hbox> <button iconSclass="z-icon-search" zclass="btn btn-primary btn-sm" onClick="@command('abrirventanaAgente')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> <button iconSclass="z-icon-trash-o" zclass="btn btn-danger btn-sm" onClick="@command('EliminaAsegurado')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/> </hbox> <label value="Forma de Pago:" style="font-size : 11px;"/> <combobox placeholder="SELECCIONE UNA OPCIÓN" model="@load(vm.listaFormaPago)" readonly="true" disabled="@bind(vm.activaOpcionesOrden)" width="340px" selectedItem="@bind(vm.formapagoSeleccionado)" style="font-size : 11px;"> <template name="model"> <comboitem label="@load(each.operacion)" style="font-size : 11px;"/> </template> </combobox> </row> <row> <label value="Endoso" style="font-size : 11px;"/> <combobox width="100%" disabled="@bind(vm.activaOpcionesOrden)" placeholder="SELECCIONE UNA OPCION" style="font-size : 11px;" selectedItem="@bind(vm.endoso)" readonly="true"> <comboitem label="INCLUSIÓN" value="INCLUSIÓN" style="font-size : 11px;"/> <comboitem label="EXCLUSIÓN" value="EXCLUSIÓN" style="font-size : 11px;"/> <comboitem label="ACLARATORIO" value="ACLARATORIO" style="font-size : 11px;"/> <comboitem label="BENEFICIARIO" value="BENEFICIARIO" style="font-size : 11px;"/> <comboitem label="ANULACIÓN" value="ANULACIÓN" style="font-size : 11px;"/> <comboitem label="CANCELACIÓN" value="CANCELACIÓN" style="font-size : 11px;"/> </combobox> <label value=""/> <label value="Uso:" style="font-size : 11px;"/> <combobox width="100%" placeholder="SELECCIONE UNA OPCION" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;" selectedItem="@bind(vm.uso)" readonly="true"> <comboitem label="PARTICULAR" value="PARTICULAR" style="font-size : 11px;"/> <comboitem label="TRABAJO" value="TRABAJO" style="font-size : 11px;"/> <comboitem label="COMERCIAL" value="COMERCIAL" style="font-size : 11px;"/> <comboitem label="TAXI" value="TAXI" style="font-size : 11px;"/> </combobox> </row> </rows> </grid> <label value="Coberturas:" style="font-size : 11px;"/> <textbox multiline="10" rows="4" width="100%" value="@bind(vm.txtcobertura)" maxlength="200" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"/> <grid> <columns> <column width="1000px"/> </columns> <rows> <row> </row> <row> <textbox multiline="10" rows="4" width="100%" value="@bind(vm.txtcobertura)" maxlength="200" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"/> </row> <row> <label value="Observaciones:" style="font-size : 10px;"/> </row> <row> <textbox multiline="10" rows="4" width="100%" value="@bind(vm.txtobservaciones)" maxlength="200" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"/> </row> </rows> </grid> </tabpanel> <tabpanel> <grid> <columns> <column width="900px"/> </columns> <rows> <row> <hbox> <label value="Ramo:" style="font-size : 10px;"/> <combobox model="@load(vm.listaRamos)" style="font-size : 10px;" selectedItem="@bind(vm.ramoSeleccionado)" onSelect="@command('generarItems')" readonly="true" disabled="@bind(vm.activaOpcionesOrden)"> <template name="model"> <comboitem label="@load(each.descripcion)" style="font-size : 10px"/> </template> </combobox> <label value="Suma Asegurada:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox width="123px" value="@bind(vm.txtsumaasegurada)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt){ if (!this._shallIgnore(evt, "0123456789.")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> <label value="Tasa:" style="font-size : 10px;"/> <vlayout xmlns:w="client"> <textbox width="123px" maxlength="6" value="@bind(vm.txttasa)" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"> <attribute w:name="doKeyPress_"> <![CDATA[ function(evt){ if (!this._shallIgnore(evt, "0123456789.")) this.$doKeyPress_(evt); } ]]> </attribute> </textbox> </vlayout> <hbox> <button label="Agregar" iconSclass="z-icon-plus" onClick="@command('CalculoItems')" disabled="@bind(vm.activaOpcionesOrden)" visible="@bind(vm.activaAgregar)" style="font-size : 10px;"/> <button label="Modificar" iconSclass="z-icon-pencil" onClick="@command('guardarItemsEditados')" visible="@bind(vm.activaEditar)" style="font-size : 10px;"/> </hbox> </hbox> </row> </rows> </grid> <grid> <columns> <column width="100%"/> </columns> <rows> <row> <listbox model="@load(vm.listaItems)" mold="paging" pageSize="5" multiple="true" pagingPosition="both" sizedByContent="true" selectedItem="@bind(vm.itemSeleccionado)" onSelect="@command('actualizarItems')" class="table-condensed"> <listhead sizable="true"> <listheader label="Acciones" style="font-size:10px;" width="100px" /> <listheader label="Ramo" style="font-size : 10px;" width="200px" sort="auto(LOWER(ramo))"/> <listheader label="Suma Aseg." style="font-size : 10px;" width="100px" sort="auto(LOWER(dia))"/> <listheader label="Tasa %" style="font-size : 10px;" width="80px" sort="auto(LOWER(fact_cred))"/> <listheader label="Prima Neta" style="font-size : 10px;" width="100px" sort="auto(LOWER(poliza))"/> <listheader label="Item" style="font-size : 10px;" width="50px" sort="auto(LOWER(endoso))"/> <listheader label="Póliza Asegurada" style="font-size : 10px;" width="100px" sort="auto(LOWER(fec_contable))"/> <listheader label="Endoso Generado" style="font-size : 10px;" width="100px" sort="auto(LOWER(fec_contable))"/> </listhead> <template name="model" > <listitem disabled="@bind(vm.activaOpcionesOrden)"> <listcell> <button iconSclass="z-icon-times" tooltiptext="Eliminar" onClick="@command('eliminarItem',row=each)" style="font-size : 10px;"/> </listcell> <listcell label="@load(each.ramo)" style="font-size : 10px;"/> <listcell label="@load(each.sumaaseg) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 10px; text-align:right;"/> <listcell label="@load(each.tasa) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 10px; text-align:right;"/> <listcell label="@load(each.prima) @converter('formatedNumber', format='###,###,##0.00')" style="font-size : 10px; text-align:right;"/> <listcell label="@load(each.item)" style="font-size : 10px;text-align:center;"/> <listcell label="@load(each.poliza)" style="font-size : 10px;text-align:center;"/> <listcell label="@load(each.endoso)" style="font-size : 10px;text-align:center;"/> </listitem> </template> <listfoot > <listfooter> <label value="Total Primas:" style="font-size : 10px;"/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value=""/> </listfooter> <listfooter> <label value="@bind(vm.total_prima) @converter('formatedNumber', format='###,###,##0.00')" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;font-weight:bold;"/> </listfooter> <listfooter> <label value=""/> </listfooter> </listfoot> </listbox> </row> </rows> </grid> </tabpanel> <!--PESTAÑA ARCHIVOS ADJUNTOS--> <tabpanel> <grid> <columns> <column width="700px"/> <column width="160px"/> </columns> <rows> <row> <listbox model="@load(vm.listaAdjuntosOrden)" mold="paging" pageSize="8" selectedItem="@bind(vm.documentoSeleccionado)" selectedIndex="@bind(vm.elemento)" onSelect="@command('cambiarNombre')" multiple="true" pagingPosition="both" sizedByContent="true" > <!--disabled="@bind(vm.activaOpcionesOrden)"--> <listhead sizable="true"> <listheader label="Nombre Archivo" style="font-size : 10px;" width="250px" sort="auto(LOWER(nombreArchivo))"/> <listheader label="Tipo Documento" style="font-size : 10px;" width="150px" sort="auto(LOWER(mediaArchivo))"/> <listheader label="Acciones" style="font-size : 10px;" width="150px" sort="auto(LOWER(mediaArchivo))"/> </listhead> <template name="model" > <listitem> <listcell label="@load(each.nombreArchivo)" style="font-size : 10px;"/> <listcell label="@load(each.tipoDocu)" style="font-size : 10px;"/> <listcell label=""> <button tooltiptext="Visualizar Documento" iconSclass="z-icon-download" onClick="@command('mostrarDocumento',row=each)" style="font-size : 10px;"/> <button tooltiptext="Eliminar Documento" iconSclass="z-icon-times" onClick="@command('eliminarDocumento',row=each)" style="font-size : 10px;"/> <!--disabled="@bind(vm.activaOpcionesOrden)"--> </listcell> </listitem> </template> </listbox> <button label="Examinar..." iconSclass="z-icon-folder-open" upload="true,maxsize=20120,multiple=true" onUpload="@command('upload')" style="font-size : 10px;"/> <!--disabled="@bind(vm.activaOpcionesOrden)"--> <!---<button label="Agregar" onClick="@command('agregarAdjuntos')" disabled="@bind(vm.activaOpcionesOrden)"/>--> </row> </rows> </grid> <grid> <columns> <column width="100px"/> <column width="400px"/> <column width="150px"/> <column width="200px"/> <column width="110px"/> </columns> <rows> <row > <label value="Documento:" style="font-size : 10px;"/> <textbox width="100%" value="@bind(vm.txtdocumento)" readonly="true" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 10px;"/> <label value="Tipo Documento:" style="font-size : 10px;"/> <combobox width="100%" model="@load(vm.listaTipoDocumentos)" readonly="true" style="font-size : 10px;" selectedItem="@bind(vm.tipoDocumentoSeleccionado)"> <template name="model"> <comboitem label="@load(each.descripcion)" style="font-size : 10px"/> </template> </combobox> <button label="Aceptar" iconSclass="z-icon-check" onClick="@command('establecerTipoDocumento')" disabled="@bind(vm.activaTipoDoc)" style="font-size : 10px;"/> </row> </rows> </grid> </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"); } }