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 :
Customized Menupopup On Grid Header
5hiepgau172.71.211.10gig0j7May 4, 2024 5:33:29 AMlinkAnother new ZK fiddle
4hiepgau172.68.225.142gig0j7May 4, 2024 5:31:25 AMlinkAnother new ZK fiddle
3hiepgau172.71.218.113gig0j7May 3, 2024 11:46:46 PMlinkAnother new ZK fiddle
2hiepgau162.158.178.201gig0j7May 3, 2024 11:40:57 PMlinkAnother new ZK fiddle
1hiepgau162.158.179.103gig0j7May 3, 2024 10:49:45 PMlinkcustom menu on grid
7hiepgau172.71.214.52261rcaiMay 3, 2024 9:27:35 PMlinkcustom menu on grid
6hiepgau172.71.214.53261rcaiMay 3, 2024 9:26:52 PMlinkcustom menu on grid
5hiepgau172.71.214.53261rcaiMay 3, 2024 9:25:26 PMlinkcustom menu on grid
4hiepgau162.158.114.139261rcaiMay 3, 2024 9:20:17 PMlinkAnother new ZK fiddle
1guest172.70.80.2021nil9qsMay 3, 2024 2:07:26 PMlinkpruebaTerceroAfectado
12juanxyu181.143.52.23aquh5mSep 24, 2018 4:58:12 PMlinkresources
index.zulzul<?xml version="1.0" encoding="UTF-8"?>
<?page title="Registrar Reconocimiento Predial" contentType="text/html;charset=UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<window id="winPruebaReconocimientoPredial" border="normal" closable="true" width="99%" title="VENTANA DE RECONOCIMIENTO PREDIAL CON TODOS LOS CAMPOS VISIBLES">
<div align="center" width="100%" style="border:none;">
<groupbox mold="3d" width="100%" closable="false">
<separator/>
<hbox width="99%" widths="50%,50%">
<space/>
<div align="right">
<hbox align="center" pack="center">
<label value="Fecha:" />
<textbox id="txtFechaRad" readonly="false" width="77px" />
<space />
<label value="Consecutivo:" />
<textbox id="txbDTConsecutivo" value="" readonly="false" width="77px" />
</hbox>
</div>
</hbox>
<tabbox>
<tabs>
<tab label="Reconocimiento Predial" id="tabReconoPredial" />
<tab label="Terceros Afectados" visible="true" id="tabTerceroAfectado" />
</tabs>
<tabpanels>
<tabpanel>
<separator/>
<div width="100%" align="left">
<vbox width="100%" pack="start" align="start">
<hbox width="500px" pack="start" align="center" widths="50%,50%">
<div>
<label value="* " style="color:red" />
<label value="Fecha Visita:" />
<space/>
<datebox id="dbxFechaVisita" format="dd/MM/yyyy" width="120px" />
</div>
<div align="right">
<toolbarbutton id="tbtVerFicha" label="Ver Ficha" tooltiptext="Visualizar la ficha original del predio. (No incluye los cambios realizados en el trámite actual)" style="font-size : large; font-style : oblique;" />
</div>
</hbox>
<separator/>
<hbox width="600px" pack="start" align="center" widths="50%,50%">
<label value="¿Se va a modificar la información del predio?" />
<div>
<radiogroup id="rdgSiModifica">
<radio id="radModifica" label="Si" selected="true" />
<space/>
<radio id="radMantiene" label="No" />
</radiogroup>
<space/>
<label id="lblDscOficio" visible="true"/>
</div>
</hbox>
</vbox>
</div>
<space/>
<hbox width="100%">
<groupbox id="grxDatoSolicitud" tooltiptext="Nota El formato “Registrar reconocimiento predial” debe aplicar para las rectificaciones cuando se mantienen o no, de oficio y petición" closable="false">
<caption label="Datos Solicitante: " />
<grid>
<columns>
<column width="15%" />
<column width="30%" />
<column width="15%" />
<column width="30%" />
<column width="10%" align="center" />
</columns>
<rows>
<row id="rowBuscarSolicitante">
<div>
<label value="* " style="color:red" />
<label value="Tipo Documento:" />
</div>
<combobox id="cbxTipoDocumento" constraint="no empty: El campo es obligatorio." width="90%" />
<div>
<label value="* " style="color:red" />
<label value="Identificación:" />
</div>
<textbox id="txbIdentificacion" constraint="no empty: El campo es obligatorio." width="95%" />
<toolbarbutton id="btnBuscar" image="/imagen/bt_buscar.png" />
</row>
<row id="gridDatSol1" visible="true" spans="1,4">
<div>
<label value="* " style="color:red" />
<label value="Razón Social" />
</div>
<textbox id="txbRazonSocial" width="95%" />
</row>
<row id="gridDatSol2" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="1er Apellido:" />
</div>
<textbox id="txbApellido1" width="95%" />
<label value="2do Apellido:" />
<textbox id="txbApellido2" width="95%" />
</row>
<row id="gridDatSol4" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="1er Nombre:" />
</div>
<textbox id="txbNombre1" width="95%" />
<label value="2do Nombre:" />
<textbox id="txbNombre2" width="95%" />
</row>
<row id="gridDatSol3" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="Telefono:" />
</div>
<textbox id="txbTelefono" constraint="no empty: El campo es obligatorio." width="95%" tooltiptext="Este campo solo acepta números, -, ( y )" />
<label value="Celular:" />
<textbox id="txbFax" width="95%" tooltiptext="Este campo solo acepta números, -, ( y )" />
</row>
<row id="gridDatSol5" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="Dirección / Dirección de Notificación:" />
</div>
<textbox id="txbDireccion" width="95%" />
<label value="e-mail:" />
<textbox id="txbEmail" width="95%" />
</row>
<row id="gridDatSol6" visible="true">
<div>
<label value="* " style="color:red" />
<label value="Departamento:" />
</div>
<combobox id="cbxDepartamento" width="90%" constraint="no empty: Debe ingresar un departamento" readonly="false" />
<div>
<label value="* " style="color:red" />
<label value="Municipio:" />
</div>
<combobox id="cbxMunicipio" width="90%" constraint="no empty: Debe ingresar un municipio" readonly="false" />
<toolbarbutton id="btnInsertar" image="/imagen/bt_insertar.png" />
</row>
</rows>
</grid>
<separator />
<listbox id="lsxSoliciante" mold="paging" pagingPosition="bottom" vflex="true">
<listhead>
<listheader label="Tipo Identificación" width="20%" align="left" style="text-align : center;" />
<listheader label="Número Identificación" width="20%" align="left" style="text-align : center;"/>
<listheader label="Nombre" width="50%" align="left" style="text-align : center;" hflex="1"/>
<listheader label="Eliminar" width="10%" align="center" id="lstHeaderEliminar" />
</listhead>
</listbox>
</groupbox>
</hbox>
<space/>
<div width="100%" align="left">
<vbox width="100%" pack="center" align="start">
<hbox width="600px%" pack="center" align="center" widths="50%,50%">
<div>
<label value="* " style="color:red" />
<label value="En calidad de :" />
<space/>
</div>
<combobox id="cbxEnCalidadDe" readonly="false" width="250px" />
</hbox>
<separator/>
<hbox width="550px" pack="start" align="center" widths="25%,75%">
<label value="Terceros afectados:" />
<div align="left">
<radiogroup>
<radio id="radTerAfec" label="Si" />
<space/>
<radio id="radTerNoAfec" label="No" />
</radiogroup>
</div>
</hbox>
<separator/>
<div id="mtrMatriz">
<hbox width="500px" pack="start" align="center" widths="70%,30%">
<div>
<label value="* " style="color:red" />
<label value="Matrícula Inmobiliaria Predio Matriz (Círculo-Matrícula):" />
</div>
<textbox id="txbmtrmtz" width="138px" />
</hbox>
</div>
</vbox>
</div>
<separator/>
<hbox pack="start" align="center" width="100%">
<div>
<label value="La información ingresada en este formulario hará parte de la resolución, para ver como quedará este documento con la información diligenciada haga clic " />
<toolbarbutton id="tbtGenResolu" label="aquí" />
</div>
</hbox>
<separator/>
<hbox pack="start" align="center" width="100%">
<div>
<toolbarbutton id="tbtGenHistorico" label="Ver Histórico" />
</div>
</hbox>
<space/>
<hbox pack="start" align="center" width="100%">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
Descripción de la solicitud del usuario:
<label value="Solicitó la corrección de ó presenta error en cuanto a ..." />
</caption>
<separator/>
<div align="center">
<textbox id="txbDescSol" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox width="100%" widths="49%,2%;49%" align="center" pack="start">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label id="lblDocsAport" />
</caption>
<separator/>
<div align="center">
<textbox id="txbDocsAport" width="99%" multiline="true" rows="5" maxlength="4000" style="resize:none" disabled="false" />
</div>
</groupbox>
<space/>
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label id="lblDocsCatrals" />
</caption>
<separator/>
<div align="center">
<textbox id="txbDocsCatrals" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<groupbox id="grxDatosCorregido" closable="false" width="100%">
<caption>
<label value="Dato corregido" />
</caption>
<separator/>
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Área de las construcciones:" />
<textbox id="txbCorrecAreaConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Calificación de las construcciones:" />
<textbox id="txbCorrecCalificacionConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
<separator />
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Identificador de las construcciones:" />
<textbox id="txbCorrecIdConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Zonas:" />
<textbox id="txbCorrecZonas" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
<separator />
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Coeficiente:" />
<textbox id="txbCorrecCoeficiente" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Área de Terreno:" />
<textbox id="txbCorrecAreaTerreno" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
</groupbox>
<space/>
<groupbox id="grxLinderos" closable="false">
<caption>
<label value="*" style="color:red" visible="true" id="lblLinderos" />
<label value="Linderos" />
</caption>
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<vbox width="100%" align="center" pack="center">
<toolbar id="barraOrientacionEscritura" height="25px" mold="panel">
<toolbarbutton id="btnNuevaOrientacionEscritura" image="/imagen/nuevo.png" tooltiptext="Nueva Orientación" />
<toolbarbutton id="btnEditarOrientacionEscritura" image="/imagen/editar.png" tooltiptext="Editar Orientación" />
<toolbarbutton id="btnEliminarOrientacionEscritura" image="/imagen/borrar.png" tooltiptext="Borrar Orientación" />
</toolbar>
<listbox id="lsxOrientacionEscritura" mold="paging" pagingPosition="bottom" pageSize="5" rows="5">
<listhead>
<listheader label="Orientación - Escritura" width="40%" align="left" style="text-align : center;"/>
<listheader label="Colindante - Escritura " width="60%" align="left" style="text-align : center;"/>
</listhead>
</listbox>
</vbox>
<space/>
<vbox width="100%" align="center" pack="center">
<toolbar id="barraOrientacionFisica" height="25px" mold="panel">
<toolbarbutton id="btnNuevaOrientacionFisica" image="/imagen/nuevo.png" tooltiptext="Nuevo Orientación" />
<toolbarbutton id="btnEditarOrientacionFisica" image="/imagen/editar.png" tooltiptext="Editar Orientación" />
<toolbarbutton id="btnEliminarOrientacionFisica" image="/imagen/borrar.png" tooltiptext="Borrar Orientación" />
</toolbar>
<listbox id="lsxOrientacionFisica" mold="paging" pagingPosition="bottom" pageSize="5" rows="5">
<listhead>
<listheader label="Orientación - Físico" width="30%" align="left" style="text-align : center;"/>
<listheader label="Colindante - Físico" width="30%" align="left" style="text-align : center;"/>
<listheader label="Observación" width="40%" align="left" style="text-align : center;"/>
</listhead>
</listbox>
</vbox>
</hbox>
</groupbox>
<space/>
<hbox width="100%" pack="start" align="start">
<vbox width="600px" align="start">
<hbox align="center" width="100%" widths="40%,60%" id="hboxPlano">
<div>
<label value=" *" style="color:red" visible="true" id="lblPlano" />
<label value="¿Presentó Plano?" />
</div>
<radiogroup id="rdgPlano">
<radio id="radSIPlano" label="Si" />
<space/>
<radio id="radNOPlano" label="No" />
</radiogroup>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="40%,60%" id="hboxTipoFormato">
<div>
<label value="*" style="color:red" />
<label value="Tipo de formato" />
</div>
<radiogroup id="rdgTipoFormato">
<radio id="radAnalogo" label="Análogo" />
<space/>
<radio id="radDigital" label="Digital" />
</radiogroup>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="70%,30%" id="hboxSisCoord">
<div>
<label value="* " style="color:red" id="reqSisCoordenadas" />
<label value="Sistema de Coordenadas:" />
</div>
<combobox id="cbxCoordenadas" readonly="false" width="200px"/>
</hbox>
</vbox>
<vbox width="600px" align="start">
<hbox align="center" width="100%" widths="60%,40%" id="hbxFirmaDig">
<div>
<label value="*" style="color:red" />
<label value="Firma y matrícula profesional:" />
</div>
<div align="left" width="100%">
<radiogroup id="rdgFirma">
<radio id="radFirmaSi" label="Si" selected="true" />
<space/>
<radio id="radFirmaNo" label="No" />
</radiogroup>
</div>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="60%,40%" id="hboxAreaTerreno">
<div>
<label value="* " style="color:red" id="reqAreaTerreno" />
<label value="Área del terreno en Hectáreas:" />
</div>
<textbox id="dbxAreaTerreno" style="align:right" />
</hbox>
<separator/>
<hbox align="start" width="100%" widths="60%,40%" id="hboxEscala">
<div>
<label id="lblEscala" value="* " style="color:red" />
<label value="Escala 1:" />
</div>
<textbox id="txbEscala" maxlength="32" />
</hbox>
</vbox>
</hbox>
<space/>
<hbox width="100%" widths="49%,2%,49%" pack="start" align="center">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblSustentacionObligatoria" />
<label value="Sustentación: Incluir las consideraciones de carácter técnico y normativo." />
</caption>
<div align="center">
<textbox id="txbSustentacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
<space/>
<groupbox id="gbxObsPlano" closable="false" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblOservacionObligatoria" />
<label value="Observaciones del plano:" />
</caption>
<div align="center">
<textbox id="txbObservacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox id="hboxObsRsl" visible="true" width="100%">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label value="Observación para el “Resuelve” de la resolución." />
</caption>
<div align="center">
<textbox id="txbObsResuelve" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox width="100%">
<groupbox closable="false" id="gbxSegundaSustentacion" visible="true" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblSegundaSustentacionObligatoria" />
<label value="Segunda Sustentación:" />
</caption>
<div align="center">
<textbox id="txbSegundaSustentacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
</tabpanel>
<tabpanel id="tabPanelTerceroAfectado">
<include id="incluir" mode="auto" src="pruebaTerceroAfectado.zul" width="100%" height="100%" hflex="1" vflex="1" style="width: 100%;"/>
</tabpanel>
</tabpanels>
</tabbox>
<separator />
<hbox id="hbxBotones"/>
</groupbox>
</div>
</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");
}
}
pruebaTerceroAfectado.zulzul<?xml version="1.0" encoding="UTF-8"?>
<?page title="Registrar Reconocimiento Predial" contentType="text/html;charset=UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<window id="winPruebaReconocimientoPredial" border="normal" closable="true" width="99%" title="VENTANA DE RECONOCIMIENTO PREDIAL CON TODOS LOS CAMPOS VISIBLES">
<div align="center" width="100%" style="border:none;">
<groupbox mold="3d" width="100%" closable="false">
<separator/>
<hbox width="99%" widths="50%,50%">
<space/>
<div align="right">
<hbox align="center" pack="center">
<label value="Fecha:" />
<textbox id="txtFechaRad" readonly="false" width="77px" />
<space />
<label value="Consecutivo:" />
<textbox id="txbDTConsecutivo" value="" readonly="false" width="77px" />
</hbox>
</div>
</hbox>
<tabbox>
<tabs>
<tab label="Reconocimiento Predial" id="tabReconoPredial" />
<tab label="Terceros Afectados" visible="true" id="tabTerceroAfectado" />
</tabs>
<tabpanels>
<tabpanel>
<separator/>
<div width="100%" align="left">
<vbox width="100%" pack="start" align="start">
<hbox width="500px" pack="start" align="center" widths="50%,50%">
<div>
<label value="* " style="color:red" />
<label value="Fecha Visita:" />
<space/>
<datebox id="dbxFechaVisita" format="dd/MM/yyyy" width="120px" />
</div>
<div align="right">
<toolbarbutton id="tbtVerFicha" label="Ver Ficha" tooltiptext="Visualizar la ficha original del predio. (No incluye los cambios realizados en el trámite actual)" style="font-size : large; font-style : oblique;" />
</div>
</hbox>
<separator/>
<hbox width="600px" pack="start" align="center" widths="50%,50%">
<label value="¿Se va a modificar la información del predio?" />
<div>
<radiogroup id="rdgSiModifica">
<radio id="radModifica" label="Si" selected="true" />
<space/>
<radio id="radMantiene" label="No" />
</radiogroup>
<space/>
<label id="lblDscOficio" visible="true"/>
</div>
</hbox>
</vbox>
</div>
<space/>
<hbox width="100%">
<groupbox id="grxDatoSolicitud" tooltiptext="Nota El formato “Registrar reconocimiento predial” debe aplicar para las rectificaciones cuando se mantienen o no, de oficio y petición" closable="false">
<caption label="Datos Solicitante: " />
<grid>
<columns>
<column width="15%" />
<column width="30%" />
<column width="15%" />
<column width="30%" />
<column width="10%" align="center" />
</columns>
<rows>
<row id="rowBuscarSolicitante">
<div>
<label value="* " style="color:red" />
<label value="Tipo Documento:" />
</div>
<combobox id="cbxTipoDocumento" constraint="no empty: El campo es obligatorio." width="90%" />
<div>
<label value="* " style="color:red" />
<label value="Identificación:" />
</div>
<textbox id="txbIdentificacion" constraint="no empty: El campo es obligatorio." width="95%" />
<toolbarbutton id="btnBuscar" image="/imagen/bt_buscar.png" />
</row>
<row id="gridDatSol1" visible="true" spans="1,4">
<div>
<label value="* " style="color:red" />
<label value="Razón Social" />
</div>
<textbox id="txbRazonSocial" width="95%" />
</row>
<row id="gridDatSol2" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="1er Apellido:" />
</div>
<textbox id="txbApellido1" width="95%" />
<label value="2do Apellido:" />
<textbox id="txbApellido2" width="95%" />
</row>
<row id="gridDatSol4" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="1er Nombre:" />
</div>
<textbox id="txbNombre1" width="95%" />
<label value="2do Nombre:" />
<textbox id="txbNombre2" width="95%" />
</row>
<row id="gridDatSol3" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="Telefono:" />
</div>
<textbox id="txbTelefono" constraint="no empty: El campo es obligatorio." width="95%" tooltiptext="Este campo solo acepta números, -, ( y )" />
<label value="Celular:" />
<textbox id="txbFax" width="95%" tooltiptext="Este campo solo acepta números, -, ( y )" />
</row>
<row id="gridDatSol5" visible="true" spans="1,1,1,2">
<div>
<label value="* " style="color:red" />
<label value="Dirección / Dirección de Notificación:" />
</div>
<textbox id="txbDireccion" width="95%" />
<label value="e-mail:" />
<textbox id="txbEmail" width="95%" />
</row>
<row id="gridDatSol6" visible="true">
<div>
<label value="* " style="color:red" />
<label value="Departamento:" />
</div>
<combobox id="cbxDepartamento" width="90%" constraint="no empty: Debe ingresar un departamento" readonly="false" />
<div>
<label value="* " style="color:red" />
<label value="Municipio:" />
</div>
<combobox id="cbxMunicipio" width="90%" constraint="no empty: Debe ingresar un municipio" readonly="false" />
<toolbarbutton id="btnInsertar" image="/imagen/bt_insertar.png" />
</row>
</rows>
</grid>
<separator />
<listbox id="lsxSoliciante" mold="paging" pagingPosition="bottom" vflex="true">
<listhead>
<listheader label="Tipo Identificación" width="20%" align="left" style="text-align : center;" />
<listheader label="Número Identificación" width="20%" align="left" style="text-align : center;"/>
<listheader label="Nombre" width="50%" align="left" style="text-align : center;" hflex="1"/>
<listheader label="Eliminar" width="10%" align="center" id="lstHeaderEliminar" />
</listhead>
</listbox>
</groupbox>
</hbox>
<space/>
<div width="100%" align="left">
<vbox width="100%" pack="center" align="start">
<hbox width="600px%" pack="center" align="center" widths="50%,50%">
<div>
<label value="* " style="color:red" />
<label value="En calidad de :" />
<space/>
</div>
<combobox id="cbxEnCalidadDe" readonly="false" width="250px" />
</hbox>
<separator/>
<hbox width="550px" pack="start" align="center" widths="25%,75%">
<label value="Terceros afectados:" />
<div align="left">
<radiogroup>
<radio id="radTerAfec" label="Si" />
<space/>
<radio id="radTerNoAfec" label="No" />
</radiogroup>
</div>
</hbox>
<separator/>
<div id="mtrMatriz">
<hbox width="500px" pack="start" align="center" widths="70%,30%">
<div>
<label value="* " style="color:red" />
<label value="Matrícula Inmobiliaria Predio Matriz (Círculo-Matrícula):" />
</div>
<textbox id="txbmtrmtz" width="138px" />
</hbox>
</div>
</vbox>
</div>
<separator/>
<hbox pack="start" align="center" width="100%">
<div>
<label value="La información ingresada en este formulario hará parte de la resolución, para ver como quedará este documento con la información diligenciada haga clic " />
<toolbarbutton id="tbtGenResolu" label="aquí" />
</div>
</hbox>
<separator/>
<hbox pack="start" align="center" width="100%">
<div>
<toolbarbutton id="tbtGenHistorico" label="Ver Histórico" />
</div>
</hbox>
<space/>
<hbox pack="start" align="center" width="100%">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
Descripción de la solicitud del usuario:
<label value="Solicitó la corrección de ó presenta error en cuanto a ..." />
</caption>
<separator/>
<div align="center">
<textbox id="txbDescSol" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox width="100%" widths="49%,2%;49%" align="center" pack="start">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label id="lblDocsAport" />
</caption>
<separator/>
<div align="center">
<textbox id="txbDocsAport" width="99%" multiline="true" rows="5" maxlength="4000" style="resize:none" disabled="false" />
</div>
</groupbox>
<space/>
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label id="lblDocsCatrals" />
</caption>
<separator/>
<div align="center">
<textbox id="txbDocsCatrals" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<groupbox id="grxDatosCorregido" closable="false" width="100%">
<caption>
<label value="Dato corregido" />
</caption>
<separator/>
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Área de las construcciones:" />
<textbox id="txbCorrecAreaConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Calificación de las construcciones:" />
<textbox id="txbCorrecCalificacionConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
<separator />
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Identificador de las construcciones:" />
<textbox id="txbCorrecIdConstrucciones" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Zonas:" />
<textbox id="txbCorrecZonas" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
<separator />
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<div>
<label value="Coeficiente:" />
<textbox id="txbCorrecCoeficiente" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
<separator />
<div>
<label value="Área de Terreno:" />
<textbox id="txbCorrecAreaTerreno" width="99%" multiline="true" rows="2" maxlength="255" style="resize:none" disabled="false" />
</div>
</hbox>
</groupbox>
<space/>
<groupbox id="grxLinderos" closable="false">
<caption>
<label value="*" style="color:red" visible="true" id="lblLinderos" />
<label value="Linderos" />
</caption>
<hbox width="100%" widths="49%,2%,49%" align="center" pack="start">
<vbox width="100%" align="center" pack="center">
<toolbar id="barraOrientacionEscritura" height="25px" mold="panel">
<toolbarbutton id="btnNuevaOrientacionEscritura" image="/imagen/nuevo.png" tooltiptext="Nueva Orientación" />
<toolbarbutton id="btnEditarOrientacionEscritura" image="/imagen/editar.png" tooltiptext="Editar Orientación" />
<toolbarbutton id="btnEliminarOrientacionEscritura" image="/imagen/borrar.png" tooltiptext="Borrar Orientación" />
</toolbar>
<listbox id="lsxOrientacionEscritura" mold="paging" pagingPosition="bottom" pageSize="5" rows="5">
<listhead>
<listheader label="Orientación - Escritura" width="40%" align="left" style="text-align : center;"/>
<listheader label="Colindante - Escritura " width="60%" align="left" style="text-align : center;"/>
</listhead>
</listbox>
</vbox>
<space/>
<vbox width="100%" align="center" pack="center">
<toolbar id="barraOrientacionFisica" height="25px" mold="panel">
<toolbarbutton id="btnNuevaOrientacionFisica" image="/imagen/nuevo.png" tooltiptext="Nuevo Orientación" />
<toolbarbutton id="btnEditarOrientacionFisica" image="/imagen/editar.png" tooltiptext="Editar Orientación" />
<toolbarbutton id="btnEliminarOrientacionFisica" image="/imagen/borrar.png" tooltiptext="Borrar Orientación" />
</toolbar>
<listbox id="lsxOrientacionFisica" mold="paging" pagingPosition="bottom" pageSize="5" rows="5">
<listhead>
<listheader label="Orientación - Físico" width="30%" align="left" style="text-align : center;"/>
<listheader label="Colindante - Físico" width="30%" align="left" style="text-align : center;"/>
<listheader label="Observación" width="40%" align="left" style="text-align : center;"/>
</listhead>
</listbox>
</vbox>
</hbox>
</groupbox>
<space/>
<hbox width="100%" pack="start" align="start">
<vbox width="600px" align="start">
<hbox align="center" width="100%" widths="40%,60%" id="hboxPlano">
<div>
<label value=" *" style="color:red" visible="true" id="lblPlano" />
<label value="¿Presentó Plano?" />
</div>
<radiogroup id="rdgPlano">
<radio id="radSIPlano" label="Si" />
<space/>
<radio id="radNOPlano" label="No" />
</radiogroup>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="40%,60%" id="hboxTipoFormato">
<div>
<label value="*" style="color:red" />
<label value="Tipo de formato" />
</div>
<radiogroup id="rdgTipoFormato">
<radio id="radAnalogo" label="Análogo" />
<space/>
<radio id="radDigital" label="Digital" />
</radiogroup>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="70%,30%" id="hboxSisCoord">
<div>
<label value="* " style="color:red" id="reqSisCoordenadas" />
<label value="Sistema de Coordenadas:" />
</div>
<combobox id="cbxCoordenadas" readonly="false" width="200px"/>
</hbox>
</vbox>
<vbox width="600px" align="start">
<hbox align="center" width="100%" widths="60%,40%" id="hbxFirmaDig">
<div>
<label value="*" style="color:red" />
<label value="Firma y matrícula profesional:" />
</div>
<div align="left" width="100%">
<radiogroup id="rdgFirma">
<radio id="radFirmaSi" label="Si" selected="true" />
<space/>
<radio id="radFirmaNo" label="No" />
</radiogroup>
</div>
</hbox>
<separator/>
<hbox align="center" width="100%" widths="60%,40%" id="hboxAreaTerreno">
<div>
<label value="* " style="color:red" id="reqAreaTerreno" />
<label value="Área del terreno en Hectáreas:" />
</div>
<textbox id="dbxAreaTerreno" style="align:right" />
</hbox>
<separator/>
<hbox align="start" width="100%" widths="60%,40%" id="hboxEscala">
<div>
<label id="lblEscala" value="* " style="color:red" />
<label value="Escala 1:" />
</div>
<textbox id="txbEscala" maxlength="32" />
</hbox>
</vbox>
</hbox>
<space/>
<hbox width="100%" widths="49%,2%,49%" pack="start" align="center">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblSustentacionObligatoria" />
<label value="Sustentación: Incluir las consideraciones de carácter técnico y normativo." />
</caption>
<div align="center">
<textbox id="txbSustentacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
<space/>
<groupbox id="gbxObsPlano" closable="false" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblOservacionObligatoria" />
<label value="Observaciones del plano:" />
</caption>
<div align="center">
<textbox id="txbObservacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox id="hboxObsRsl" visible="true" width="100%">
<groupbox closable="false" hflex="1">
<caption>
<label value="*" style="color:red" />
<label value="Observación para el “Resuelve” de la resolución." />
</caption>
<div align="center">
<textbox id="txbObsResuelve" width="99%" style="resize:none" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
<space/>
<hbox width="100%">
<groupbox closable="false" id="gbxSegundaSustentacion" visible="true" hflex="1">
<caption>
<label value="*" style="color:Red" id="lblSegundaSustentacionObligatoria" />
<label value="Segunda Sustentación:" />
</caption>
<div align="center">
<textbox id="txbSegundaSustentacion" style="resize:none" width="99%" multiline="true" rows="5" maxlength="4000" disabled="false" />
</div>
</groupbox>
</hbox>
</tabpanel>
<tabpanel id="tabPanelTerceroAfectado">
<include id="incluir" mode="auto" src="pruebaTerceroAfectado.zul" width="100%" height="100%" hflex="1" vflex="1" style="width: 100%;"/>
</tabpanel>
</tabpanels>
</tabbox>
<separator />
<hbox id="hbxBotones"/>
</groupbox>
</div>
</window>
</zk>pruebaReconocimientoPredial.zulzul<?xml version="1.0" encoding="UTF-8"?>
<?page title="Terceros Afectados" contentType="text/html;charset=UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd">
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<window id="winPruebaTerceroAfectado" border="none" width="100%">
<div align="center" width="100%">
<separator />
<separator />
<groupbox closable="false">
<caption label="Predios de Terceros Afectados" />
<div align="left">
<separator />
<toolbarbutton id="tbtNuevaPredio" image="/imagen/nuevo.png" tooltiptext="Nuevo Predio Afectado" />
<toolbarbutton id="tbtEditarPredio" image="/imagen/editar.png" tooltiptext="Editar Predio Afectado" />
<toolbarbutton id="tbtEliminarPredio" image="/imagen/borrar.png" tooltiptext="Eliminar Predio Afectado" />
<toolbarbutton id="tbtGenerarComunicadoWeb" label="Generar Comunicado Web" tooltiptext="Generar Comunicado Web" />
<separator />
</div>
<listbox id="lstPredio" mold="paging" pagingPosition="bottom" pageSize="10" rows="10">
<listhead sizable="true">
<listheader label="N° Ficha" width="8%" align="left" style="text-align : center;"/>
<listheader label="Cédula Catastral" width="20%" align="left" style="text-align : center;"/>
<listheader label="Matrícula" width="10%" align="left" style="text-align : center;"/>
<listheader label="Propietarios" width="24%" align="left" style="text-align : center;"/>
<listheader label="Observación" width="24%" align="left" style="text-align : center;" />
<listheader label="Manual Si/No" align="left" style="text-align : center;" width="8%" />
<listheader label="Comunicado" align="center" width="6%" />
</listhead>
</listbox>
</groupbox>
</div>
</window>
</zk>