Processing...

Suggested case list:

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

identify firefox or not in server side

1TonyQ198.203.175.1751nv2qreDec 10, 2011 4:25:04 AMlink

ZK addThis integration

1TonyQ198.203.175.1751apl96jNov 5, 2011 4:12:50 AMlink

Latest 10 Fiddles :

CRUD

2guest186.77.193.1812g4t7l3Nov 20, 2019 3:28:27 AMlink

CRUD

1guest186.77.193.1812g4t7l3Nov 20, 2019 3:28:08 AMlink

crud

8guest200.62.121.751rqe7v5Nov 19, 2019 11:05:24 PMlink

Invoke java method from javascript client

36guest87.234.39.993jau9shNov 19, 2019 3:43:28 PMlink

menu example

63guest2.34.219.961goft2aNov 19, 2019 1:04:00 PMlink

Iframe load

19guest88.247.114.1943gaeldNov 19, 2019 12:18:56 PMlink

Another new ZK fiddle

1guest217.89.112.46qcgvt2Nov 19, 2019 11:11:05 AMlink

Another new ZK fiddle

1guest217.89.112.4672ob0mNov 19, 2019 11:10:42 AMlink

MVVM Inner Page Ctrlkeys

15guest82.130.246.1222cptkn6Nov 19, 2019 11:02:29 AMlink

MVVM Inner Page Ctrlkeys

14guest82.130.246.1222cptkn6Nov 19, 2019 11:01:59 AMlink

Another new ZK fiddle

3guest181.175.219.2463m3uh0tJul 11, 2019 5:23:16 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; } .z-word-nowrap .z-row-inner { white-space: normal; } </style> <window border="normal" width="970px" height="800px" > <!--viewModel="@id('vm')@init('modelo.cobranzas.trans.consultarHojaVM')"--> <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> <toolbar> <toolbarbutton image="/imagenes/nuevo20.png" tooltiptext="Nueva Consulta" onClick="@command('nuevaConsulta')"/> </toolbar> <grid> <columns> <column label="1" width="60px"/> <column label="2" width="65px"/> <column label="3" width="50px"/> <column label="4" width="51px"/> <column label="5" width="50px"/> <column label="6" width="70px"/> <column label="7" width="50px"/> <column label="" width="100px"/> <column label="" width="40px"/> <column label="" width="65px"/> <column label="" width="60px"/> <column label="" width="65px"/> <column label="" width="65px"/> </columns> <rows> <row> <label value="Agencia:" style="font-size : 10px;"/> <cell colspan="4"> <combobox width="100%" model="@load(vm.listaRecaudadores)" readonly="true" style="font-size : 10px;color: #000000 !important;" placeholder="SELECCIONE UNA AGENCIA" selectedItem="@bind(vm.recaudador)"> <template name="model"> <comboitem label="@load(each.nombre)" value="@load(each.usuario)" style="font-size : 10px;color: #000000 !important;"/> </template> </combobox> </cell> <checkbox label="TODAS" onCheck="" style="font-size : 10px;color: #000000 !important;"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPorRecaudadorFechas')" tooltiptext="Buscar Cobros Confirmados"/> <button image="/imagenes/Search16.png" style="font-size : 10px;" onClick="@command('consultarPorRecaudadorFechas')" tooltiptext="Buscar Cobros Confirmados"/> </row> </rows> </grid> <grid model="@load(vm.lista)" height="350px" width="100%" > <!--style="overflow: scroll;"--> <auxhead sclass="category-center"> <auxheader colspan="1"> </auxheader> <auxheader colspan="1"> <span sclass="z-icon-filter"/> <textbox instant="true" width="100%" value="@bind(vm.bNombre)" onChange="@command('changeFilter')"/> </auxheader> <auxheader colspan="1"> </auxheader> <auxheader colspan="1"> <vbox> <textbox instant="true" width="100%" value="@bind(vm.bSueldo1)" onChange="@command('changeFilter')"/> <textbox instant="true" width="100%" value="@bind(vm.bSueldo2)" onChange="@command('changeFilter')"/> </vbox> </auxheader> </auxhead> <frozen style="background: #DFDED8" columns="2"/> <columns> <column label="Código" width="60px" style="font-size : 10px;color: #000000 !important;"/> <column label="Apellidos y Nombres" width="170px" style="font-size : 10px;color: #000000 !important;"/> <column label="Ciudad" width="70px" style="font-size : 10px;color: #000000 !important;"/> <column label="Cód. Sectorial" width="80px" style="font-size : 10px;color: #000000 !important;"/> <column label="Cédula" width="70px" style="font-size : 10px;color: #000000 !important;"/> <column label="Banco" width="70px" style="font-size : 10px;color: #000000 !important;"/> <column label="T. de Cta." width="40px" style="font-size : 10px;color: #000000 !important;white-space: normal;"/> <column label="# de Cta." width="70px" style="font-size : 10px;color: #000000 !important;;white-space: normal;"/> <column label="Sexo" width="40px" style="font-size : 10px;color: #000000 !important;"/> <column label="Contrato" width="120px" style="font-size : 10px;color: #000000 !important;"/> <column label="Área" style="font-size : 10px;color: #000000 !important;"/> <column label="Fecha Ingreso" style="font-size : 10px;color: #000000 !important;"/> <column label="Años de Servicio" style="font-size : 10px;color: #000000 !important;"/> <column label="Fecha Nacimiento" style="font-size : 10px;color: #000000 !important;"/> <column label="Edad" style="font-size : 10px;color: #000000 !important;"/> <column label="Mes Nacimiento" style="font-size : 10px;color: #000000 !important;"/> <column label="Ciudadela, Barrio de Residencia" style="font-size : 10px;color: #000000 !important;"/> <column label="Calle Principal" style="font-size : 10px;color: #000000 !important;"/> <column label="Número Casa" style="font-size : 10px;color: #000000 !important;"/> <column label="Calle Secundaria" style="font-size : 10px;color: #000000 !important;"/> <column label="Telf. Conven." style="font-size : 10px;color: #000000 !important;"/> <column label="Telf. Celular" style="font-size : 10px;color: #000000 !important;"/> <column label="Estado Civil" style="font-size : 10px;color: #000000 !important;"/> <column label="Estudios" style="font-size : 10px;color: #000000 !important;"/> <column label="Letra de Cambio" style="font-size : 10px;color: #000000 !important;"/> <column label="% Discapacidad" style="font-size : 10px;color: #000000 !important;"/> <column label="Hrs. Suplementarias 50%" style="font-size : 10px;color: #000000 !important;"/> <column label="Bonificación" style="font-size : 10px;color: #000000 !important;"/> <column label="Total" style="font-size : 10px;color: #000000 !important;"/> <column label="Valor Hr. Supl." style="font-size : 10px;color: #000000 !important;"/> <column label="Total Hr. Supl." style="font-size : 10px;color: #000000 !important;"/> <column label="Total Hrs. Suplementarias 50%" style="font-size : 10px;color: #000000 !important;"/> </columns> <!--<template name="model"> <row> <label value="@load(each.codigo)" style="font-size : 10px;color: #000000 !important;"/> <label value="@load(each.nombre)" style="font-size : 10px;color: #000000 !important;"/> <label value="@load(each.agencia)" style="font-size : 10px;color: #000000 !important;"/> <label value="@load(each.sueldo)" style="font-size : 10px;color: #000000 !important;"/> <label value="@load(each.direccion)" style="font-size : 10px;color: #000000 !important;"/> </row> </template>--> <rows> <row> <label value="0032" style="font-size : 10px;color: #000000 !important;"/> <label value="YANCHATIPAN SUAREZ EDISON PAUL" style="font-size : 10px;color: #000000 !important;"/> <label value="SANTO DOMINGO" style="font-size : 10px;color: #000000 !important;"/> <label value="1910000000028" style="font-size : 10px;color: #000000 !important;"/> <label value="0503152456" style="font-size : 10px;color: #000000 !important;"/> <label value="PICHINCHA" style="font-size : 10px;color: #000000 !important;"/> <label value="AHO" style="font-size : 10px;color: #000000 !important;"/> <label value="5135403100" style="font-size : 10px;color: #000000 !important;"/> <label value="M" style="font-size : 10px;color: #000000 !important;"/> <label value="VICEPRESIDENTE DE NEGOCIOS E INNOVACIÓN" style="font-size : 10px;color: #000000 !important;"/> </row> </rows> <foot> <footer> <label value=""/> </footer> <footer> <label value="TOTAL EMPLEADOS"/> </footer> <footer> <label value="@bind(vm.totalEmpleados)"/> </footer> <footer> <label value=""/> </footer> </foot> </grid> </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"); } }