web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <display-name> mvc3</display-name> <listener> <description> Used to cleanup when a session is destroyed</description> <display-name> ZK Session Cleaner</display-name> <listener-class>org.zkoss.zk.ui.http.HttpSessionListener</listener-class> </listener> <servlet> <description> The servlet loads the DSP pages.</description> <servlet-name>dspLoader</servlet-name> <servlet-class> org.zkoss.web.servlet.dsp.InterpreterServlet</servlet-class> </servlet> <servlet> <description> ZK loader for ZUML pages</description> <servlet-name>zkLoader</servlet-name> <servlet-class> org.zkoss.zk.ui.http.DHtmlLayoutServlet</servlet-class> <init-param> <param-name>update-uri</param-name> <param-value>/zkau</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet> <description> The asynchronous update engine for ZK</description> <servlet-name>auEngine</servlet-name> <servlet-class> org.zkoss.zk.au.http.DHtmlUpdateServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>dspLoader</servlet-name> <url-pattern>*.dsp</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>zkLoader</servlet-name> <url-pattern>*.zul</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>zkLoader</servlet-name> <url-pattern>*.zhtml</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>auEngine</servlet-name> <url-pattern>/zkau/*</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> <welcome-file>index.zul</welcome-file> </welcome-file-list> </web-app>   zk.xml   <?xml version="1.0" encoding="UTF-8"?> <!-- zk.xml Purpose: Description: History: Sun Mar 26 16:29:07 2006, Created by tomyeh Copyright (C) 2006 Potix Corporation. All Rights Reserved. --> <zk> <!-- Turn on the following if you want to keep session after Web server restarts <system-config> <ui-factory-class>org.zkoss.zk.ui.http.SerializableUiFactory</ui-factory-class> </system-config> --> <!-- Turn on the following if used with WebLogic 9.1 <system-config> <cache-provider-class>org.zkoss.zk.ui.sys.GlobalDesktopCacheProvider</cache-provider-class> </system-config> --> <!-- Turn on to test FailoverManager with an useless failover manager <system-config> <failover-manager-class>org.zkoss.zkdemo.test.DumbFailoverManager</failover-manager-class> </system-config> --> <!-- Optional --> <!-- You can define any number of richlets as follows. Note: To use richlet, you have to map zkLoader to /xx/* in web.xml, where xx could be any name. And, the final URL will be /xx/richlet-url. --> <richlet> <richlet-class>org.zkoss.zkdemo.test.TestRichlet</richlet-class> <richlet-url>/test</richlet-url> <!-- Any number of initial parameters. <init-param> <param-name>any</param-name> <param-value>any</param-value> </init-param> --> </richlet> <language-mapping> <language-name>xml</language-name> <extension>zxml</extension> </language-mapping> <!-- ***** XML output ***** --> <!-- <language-mapping> <language-name>xml</language-name> <extension>svg</extension> </language-mapping> <language-mapping> <language-name>xml</language-name> <extension>zrss</extension> </language-mapping> --> <!-- Optional --> <session-config> <timeout-uri>/timeout.zul</timeout-uri> <!-- An empty URL can cause the browser to reload the same URL <timeout-uri></timeout-uri> --> </session-config> <!-- Optional --> <listener> <description>[Optional] Mointor the statistic</description> <listener-class>org.zkoss.zk.ui.util.Statistic</listener-class> </listener> <!-- Used for test desktop.zul <listener> <listener-class>org.zkoss.zkdemo.test.ComponentPools$Init</listener-class> </listener> --> <!-- Configure the error page <error-page> <exception-type>java.lang.Throwable</exception-type> <location>/WEB-INF/sys/error.zul</location> </error-page> --> <!-- Configure ZUL to use larger fonts for Chinese characters, and smaller fonts for the rest Locales <desktop-config> <disable-default-theme>xul/html</disable-default-theme> <theme-uri>~./zul/css/norm**.css.dsp</theme-uri> </desktop-config> --> <!-- Configure additional theme URIs <desktop-config> <theme-uri>/a.css</theme-uri> <theme-uri>/b**.css</theme-uri> </desktop-config> --> <!-- Any number of preferences. <preference> <name></name> <value></value> </preference> --> <!-- Configure the Hibernate SessionFactory Lifecycle. <listener> <description>Hibernate SessionFactory Lifecycle</description> <listener-class>org.zkoss.zkplus.hibernate.HibernateSessionFactoryListener</listener-class> </listener> --> <!-- Configure the Hibernate "Open Session In View" Session Lifecycle <listener> <description>Hibernate "Open Session In View" Session Lifecycle</description> <listener-class>org.zkoss.zkplus.hibernate.OpenSessionInViewListener</listener-class> </listener> --> <!-- Hibernate thread session context handler <listener> <description>Hibernate thread session context handler</description> <listener-class> org.zkoss.zkplus.hibernate.HibernateSessionContextListener </listener-class> </listener> --> </zk>   mywindow.zul   <window title="mywindow example" border="normal" width="300px" use="MyWindow"> <grid> <rows> <row>First Name: <textbox id="firstName"/></row> <row>Last Name: <textbox id="lastName"/></row> <row>Full Name: <label id="fullName"/></row> </rows> </grid> </window>   MyWindow.java   import org.zkoss.zk.ui.Components; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.ext.AfterCompose; import org.zkoss.zul.Label; import org.zkoss.zul.Textbox; import org.zkoss.zul.Window; /** * Use the auto-wire and forwards helper method in "use" case. */ public class MyWindow extends Window implements AfterCompose{ private Textbox firstName; private Textbox lastName; private Label fullName; //-- AfterComposer --// public void afterCompose() { //wire variables Components.wireVariables(this, this); //NO need to register onXxx event listeners //auto forward Components.addForwards(this, this); } public void onChange$firstName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } public void onChange$lastName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } }   composer1.zul   <window title="composer1 example" border="normal" width="300px" apply="MyComposer1"> <grid> <rows> <row>First Name: <textbox id="firstName" forward="onChange=onFirstName"/></row> <row>Last Name: <textbox id="lastName" forward="onChange=onLastName"/></row> <row>Full Name: <label id="fullName"/></row> </rows> </grid> </window>   MyComposer1.java   /** * The first version. */ import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.event.EventListener; import org.zkoss.zk.ui.util.Composer; import org.zkoss.zul.Label; import org.zkoss.zul.Textbox; public class MyComposer1 implements Composer { private Textbox firstName; private Textbox lastName; private Label fullName; public void doAfterCompose(Component win) throws Exception { firstName = (Textbox) win.getFellow("firstName"); lastName = (Textbox) win.getFellow("lastName"); fullName = (Label) win.getFellow("fullName"); win.addEventListener("onFirstName", new EventListener() { public void onEvent(Event event) throws Exception { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } }); win.addEventListener("onLastName", new EventListener() { public void onEvent(Event event) throws Exception { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } }); } }   composer2.zul <window title="composer2 example" border="normal" width="300px" apply="MyComposer2"> <grid> <rows> <row>First Name: <textbox id="firstName" forward="onChange=onFirstName"/></row> <row>Last Name: <textbox id="lastName" forward="onChange=onLastName"/></row> <row>Full Name: <label id="fullName"/></row> </rows> </grid> </window>   composer2.java   /** * Write intuitive onXxx event handling codes directly; * no need to addEventListener yourself. */ import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.util.GenericComposer; import org.zkoss.zul.Label; import org.zkoss.zul.Textbox; public class MyComposer2 extends GenericComposer { private Textbox firstName; private Textbox lastName; private Label fullName; public void doAfterCompose(Component win) throws Exception { super.doAfterCompose(win); firstName = (Textbox) win.getFellow("firstName"); lastName = (Textbox) win.getFellow("lastName"); fullName = (Label) win.getFellow("fullName"); } public void onFirstName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } public void onLastName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } }   composer6.zul   <window title="composer6 example" border="normal" width="300px" apply="MyComposer6"> <grid> <rows> <row>First Name: <textbox id="firstName"/></row> <row>Last Name: <textbox id="lastName"/></row> <row>Full Name: <label id="fullName"/></row> </rows> </grid> </window>     MyComposer6.java   /** * The first version. */ import org.zkoss.zk.ui.Component; import org.zkoss.zk.ui.Components; import org.zkoss.zk.ui.event.Event; import org.zkoss.zk.ui.event.Events; import org.zkoss.zk.ui.util.Composer; import org.zkoss.zul.Label; import org.zkoss.zul.Textbox; public class MyComposer6 implements Composer { private Textbox firstName; private Textbox lastName; private Label fullName; public void doAfterCompose(Component win) throws Exception { //wire variables Components.wireVariables(win, this); //bind onXxx events Events.addEventListeners(win, this); //auto forward Components.addForwards(win, this); } public void onChange$firstName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } public void onChange$lastName(Event event) { fullName.setValue(firstName.getValue()+" "+lastName.getValue()); } }