28
May
10

Eventos scriptles con ZK

siguiendo el paso anterior (instalación y configuración mínima)(hola mundo), ahora llamaremos algunos eventos en zk y las diferentes formas de llamarlos.

tenemos 5 paginas que hacen cosas muy parecidas, solo ejecutaremos mensajes y cosas sencillas

la estructura de la aplicación seria algo muy parecido a:

ejemplo01.zul

<!-- una ventana que no es necesaria pero es mejor ir organizando la cuestion-->
<window id="ventana" title="mostrando alerta con alert" height="200px" width="200px">
   <!-- un boton que en el evento onClick lanze un mensaje-->
	<button label="Di hola" onclick="alert(&quot;Hola ZK!&quot;)"></button>
</window>

ejemplo02.zul

<window id="ventana" title="mostrando alerta con zscript" height="200px" width="200px">
	<!-- un boton que en el evento onClick ejecute un metodo que se llama diHola -->
	<button label="Di hola" onclick="diHola()"></button>
	<zscript>
		//puro codigo java
 		void diHola(){
 			Messagebox.show("Hola ZK!");
 		}
	</zscript>
</window>

ejemplo03.zul

<window id="ventana" title="modificando el boton con zscript" height="200px" width="200px">
	<button id="btn" label="Click" onclick="conClick()"></button>
	<zscript>
		//puro java
 		void conClick(){
 			if(btn.label.matches("Click") ){
 				btn.label="Ok";
 			}else{
 				btn.label="Click";
 			}
 		}
	</zscript>
</window>

ejemplo04.zul

<window id="ventana" title="modificando otro elemento con zscript" height="200px" width="200px">
	<button label="Sumar" onclick="contar()"></button>
 	<button label="Reiniciar" onclick="reiniciar()"></button>
 	<label id="contador" value=""></label>
 	<zscript>
		int i=0;
 		void contar(){
 			i=i+1;
			contador.value=i+" clicks";
 		}
		void reiniciar(){
 			i=0;
			contador.value=i+" clicks";
 		}
 	</zscript>
</window>

ejemplo05.zul

<window id="ventana" title="mostrando alerta desde un java" height="200px" width="400px" apply="org.Mensaje">
	<!-- un boton que en el metodo onMostrar que esta definido en una clase especificada en el atribbuto apply de la window-->
	<button label="Hola" forward="onMostrar"></button>
</window>

index.zul

<window id="ventana" title="menajes ZK" height="200px" width="200px" apply="org.Mensaje" closable="true" sizable="true">
<!-- un grid es una tabla debe contener columns y rows-->
	<grid fixedlayout="true">
		<!-- columns los titulos de la tabla-->
		<columns>
			<column label="Ejemplos"></column>
		</columns>
		<!-- rows las filas de la tabla-->
		<rows>
			<!-- row cada fila de la tabla--><!-- hbox cada celda de una fila-->
			<row><hbox><button href="ejemplo01.zul" label="Ejemplo01"></button></hbox></row>
			<row><hbox><button href="ejemplo02.zul" label="Ejemplo02"></button></hbox></row>
			<row><hbox><button href="ejemplo03.zul" label="Ejemplo03"></button></hbox></row>
			<row><hbox><button href="ejemplo04.zul" label="Ejemplo04"></button></hbox></row>
			<row><hbox><button href="ejemplo05.zul" label="Ejemplo05"></button></hbox></row>
		</rows>
	</grid>
</window>

y tenemos una java que ejecuta un
Mensaje.java

package org;

import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.util.GenericComposer;
import org.zkoss.zul.Messagebox;

public class Mensaje extends GenericComposer {

	public void onMostrar(Event evt) {
		try {
    		Messagebox.show("Hola ZK!");
		}catch (Exception ex) {
		}
	}
}

1 Response to “Eventos scriptles con ZK”


  1. 1 oisdfjosdifj
    julio 30, 2014 a las 11:38 am

    cool D:


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s


I+Ds

Dudas consultas
Facebook
Twiter
Google +

Escribe tu dirección de correo electrónico para suscribirte a este blog, y recibir notificaciones de nuevas publicaciones por correo.

Únete a otros 348 seguidores

Ingenio DS en Facebook

Redes Sociales y Archivos

Entradas

mayo 2010
L M X J V S D
« Abr   Jun »
 12
3456789
10111213141516
17181920212223
24252627282930
31  

IngenioDS en twiter


A %d blogueros les gusta esto: