zul 页面 index.zul
<?xml version="1.0" encoding="UTF-8"?>
<zk>
<window title="zk使用apply属性关联后台Java类" border="normal"
apply="com.civcse.main.MainLayoutComposer" width="300px">
<vbox>
<label id="resultLab" value="默认值" />
<textbox id="inputTextbox" />
<button id="runButton" label="运行" />
</vbox>
</window>
</zk>
在window组件里面使用apply属性关联到后台java类。
方法1：继承 GenericForwardComposer 抽象类
package com.civcse.main;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.util.GenericForwardComposer;
import org.zkoss.zul.Label;
import org.zkoss.zul.Textbox;
public class MainLayoutComposer extends GenericForwardComposer {
/**
* zul组件对象映射
*/
private Label resultLab;
private Textbox inputTextbox;
/*
* (non-Javadoc)
*
* @see org.zkoss.zk.ui.util.GenericForwardComposer#doAfterCompose(org.zkoss.zk.ui.Component)
*/
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp); // 必须的，作用:变量和页面中zk组件绑定进行初始化变量
System.out.println("渲染后执行自定义初始化");
}
/**
* onClick$runButton
* onClick=事件名称
* runButton=对应的Component id
* $必须的！
*/ public void onClick$runButton() {
System.out.println("button click 事件");
if (!inputTextbox.getText().trim().equals("")) {
resultLab.setValue(inputTextbox.getText());
}
}
}
创建过程：1 新建类 MainLayoutComposer 继承 抽象类GenericForwardComposer； 2 手动添加方法public void doAfterCompose(Component comp) throws Exception {}，重写抽象类中的方法； 3 在doAfterCompose(Componet comp)方法中必须使用super.doAfterCompose(comp); 初始化和zul页面组件关联的属性。说明：1 把变量绑定到zk组件，变量名必须和zk组件id同名； 2 事件绑定格式"事件$zk组件id" 例如onClick$runButton onClick=事件名称， runButton=对应的Component id $必须的！
方法2：实现接口org.zkoss.zk.ui.util.Composer
package com.cvicse.main;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Components;
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 MyComposer implements Composer {
/**
* zul组件对象映射
*/
private Label resultLab;
private Textbox inputTextbox;
/*
* (non-Javadoc)
*
* @see org.zkoss.zk.ui.util.Composer#doAfterCompose(org.zkoss.zk.ui.Component)
*/
public void doAfterCompose(Component arg0) throws Exception {
System.out.println("init.........");
init(arg0);
}
/** 固定写法，必须有的
* @param component
*/
public void init(Component component) {
// 将当前对象的变量和参数对象进行绑定
Components.wireVariables(component, this);
// 转发一个当前的事件方法到所对应名称的Component（）
Components.addForwards(component, this);
// 注册一个监听到当前的对象
Events.addEventListeners(component, this);
}
/**
* onClick$runButton
* onClick=事件名称
* runButton=对应的Component id
* $必须的！
*/
public void onClick$runButton() {
System.out.println("button点击了");
if (!inputTextbox.getText().trim().equals("")) {
resultLab.setValue(inputTextbox.getText());
}
}
说明：1 使用org.zkoss.zk.ui.util.Composer接口可以在方法doAfterCompose(Component arg0)执行渲染后的初始化； 2 init(Component component) 固定写法详细解释请看代码里的注释。init方法使button按钮发生点击事件能够执行onClick$runButton() 方法，实现了zk组件id和变量的绑定。
总结：
1. MyComposer extends GenericForwardComposer || GenericAutowireComposer然后再doAfterCompose调用父类的doAfterCompose方法，这样就不用去写init方法了！
2. zkdemo 3.5.2使用的是这种方式， zk交流论坛中都是使用方法1，如果类A要继承类B就可以考虑import Composer接口来实现数据绑定功能。
