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 :
Another new ZK fiddle
1guest172.70.111.155rcrbibApr 24, 2024 10:32:38 AMlinkopen new url in same tab
16guest172.71.134.14923nk51gApr 23, 2024 3:42:54 PMlinkDedalus Concerto CONC-5938
71guest188.114.102.11417kiilApr 23, 2024 1:10:17 PMlinkDedalus Concerto CONC-XXXX
70guest172.71.246.317kiilApr 23, 2024 10:43:35 AMlinkDedalus Concerto CONC-XXXX
69guest172.71.246.217kiilApr 23, 2024 10:42:44 AMlinkDedalus Concerto CONC-XXXX
68guest172.71.246.4917kiilApr 23, 2024 10:40:09 AMlinkScrapbook Concerto CONC-XXXX
67guest172.71.246.4817kiilApr 23, 2024 10:39:49 AMlinkScrapbook Concerto CONC-XXXX
66guest172.71.246.4917kiilApr 23, 2024 10:39:35 AMlinkScrapbook Concerto CONC-XXXX
65guest172.71.246.4917kiilApr 23, 2024 10:38:52 AMlinkScrapbook Concerto CONC-XXXX
64guest172.71.246.4917kiilApr 23, 2024 10:38:47 AMlinkOrdenes Emision
4Edison162.158.187.179gm98f6Jul 8, 2020 4:59:01 AMlinkresources
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 : 11px;"/>
<label value="Observaciones:" style="font-size : 11px;"/>
<textbox multiline="10" rows="4" width="100%" value="@bind(vm.txtobservaciones)"
maxlength="200" disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;"/>
</tabpanel>
<tabpanel>
<hbox>
<label value="Ramo:" style="font-size : 11px;"/>
<combobox model="@load(vm.listaRamos)"
style="font-size : 11px;"
selectedItem="@bind(vm.ramoSeleccionado)"
onSelect="@command('generarItems')" readonly="true" disabled="@bind(vm.activaOpcionesOrden)"
width="100%">
<template name="model">
<comboitem label="@load(each.descripcion)" style="font-size : 11px"/>
</template>
</combobox>
<label value="Suma Asegurada:" style="font-size : 11px;"/>
<vlayout xmlns:w="client">
<textbox width="123px" value="@bind(vm.txtsumaasegurada)"
disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;">
<attribute w:name="doKeyPress_">
<![CDATA[
function(evt){
if (!this._shallIgnore(evt, "0123456789."))
this.$doKeyPress_(evt);
}
]]>
</attribute>
</textbox>
</vlayout>
<label value="Tasa:" style="font-size : 11px;"/>
<vlayout xmlns:w="client">
<textbox width="123px" maxlength="6" value="@bind(vm.txttasa)"
disabled="@bind(vm.activaOpcionesOrden)" style="font-size : 11px;">
<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" zclass="btn btn-success btn-xs" onClick="@command('CalculoItems')" disabled="@bind(vm.activaOpcionesOrden)"
visible="@bind(vm.activaAgregar)" style="font-size : 11px;"/>
<button label="Modificar" iconSclass="z-icon-pencil" onClick="@command('guardarItemsEditados')" visible="@bind(vm.activaEditar)"
style="font-size : 11px;" zclass="btn btn-warning btn-xs"/>
</hbox>
</hbox>
<separator/>
<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 style="text-align:center">
<button iconSclass="z-icon-trash" zclass="btn btn-danger btn-sm" 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 : 11px;"/>
</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 : 12px;font-weight:bold;"/>
</listfooter>
<listfooter>
<label value=""/>
</listfooter>
</listfoot>
</listbox>
</tabpanel>
<!--PESTAÑA ARCHIVOS ADJUNTOS-->
<tabpanel>
<div align="left">
<button label="Examinar..." iconSclass="z-icon-folder-open"
upload="true,maxsize=20120,multiple=true" onUpload="@command('upload')" style="font-size : 10px;"
zclass="btn btn-primary btn-sm"/> <!--disabled="@bind(vm.activaOpcionesOrden)"-->
<!---<button label="Agregar" onClick="@command('agregarAdjuntos')" disabled="@bind(vm.activaOpcionesOrden)"/>-->
</div>
<separator/>
<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>
<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 : 11px;"/>
<textbox width="100%" value="@bind(vm.txtdocumento)" disabled="true" style="font-size : 11px;"/>
<label value="Tipo Documento:" style="font-size : 11px;"/>
<combobox width="100%" model="@load(vm.listaTipoDocumentos)" readonly="true"
style="font-size : 11px;"
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" zclass="btn btn-success btn-xs"
onClick="@command('establecerTipoDocumento')" disabled="@bind(vm.activaTipoDoc)"
style="font-size : 11px;"/>
</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");
}
}