关于apply属性使用的一些例子(转载来自用户：tan_dan)

前些天根据在ZK官网上找了些关于apply的使用例子，例子很简单。但是还是受益

匪浅。为避免忘记，做下详细的代码记录：

ZUL 文件：

[xhtml]
view plaincopyprint?

<zk>
<!--方式一 <window title="composer1 example" width="300px" apply="com.ui.MyComposer" border="normal"> -->
<!--方式二 <window title="composer1 example" width="300px" apply="com.ui.MyComposer1" border="normal"> -->
<!--方式二 <window title="composer1 example" width="300px" apply="com.ui.MyComposer2" border="normal"> -->
<windowtitle="composer1 example"width="300px"apply="com.ui.MyComposer3"border="normal">
<grid>
<rows>
<row>First name :<textboxid="fname"forward="onChange=onFirstName"/></row>
<row>Second name :<textboxid="sname"forward="onChange=onSecondName"/></row>
<row>Full name :<labelid="fullname"/></row>
</rows>
</grid>
</window>
</zk>

[java]
view plaincopyprint?

public class MyComposer
implements Composer{ //实现Composer接口

private Textbox firstname;

private Textbox secondname;

private Label fullname;

public void doAfterCompose(Component win)
throws Exception {

firstname = (Textbox) win.getFellow("fname");
//页面的数据通过getFellow获得
secondname = (Textbox) win.getFellow("sname");

fullname = (Label) win.getFellow("fullname");

//定义并注册事件监听器
win.addEventListener("onFirstName",

new EventListener() {

public void onEvent(Event even)
throws Exception {
fullname.setValue(firstname.getValue()+" "+secondname.getValue());

}
});
win.addEventListener("onSecondName",

new EventListener() {

public void onEvent(Event arg0)
throws Exception {
fullname.setValue(firstname.getValue()+" "+secondname.getValue());

}

});

}

}

public class MyComposer implements Composer{     //实现Composer接口

private Textbox firstname;
private Textbox secondname;
private Label fullname;

public void doAfterCompose(Component win) throws Exception {

firstname = (Textbox) win.getFellow("fname");            //页面的数据通过getFellow获得
secondname = (Textbox) win.getFellow("sname");
fullname = (Label) win.getFellow("fullname");

//定义并注册事件监听器
win.addEventListener("onFirstName",
new EventListener() {
public void onEvent(Event even) throws Exception {
fullname.setValue(firstname.getValue()+" "+secondname.getValue());
}
});
win.addEventListener("onSecondName",
new EventListener() {
public void onEvent(Event arg0) throws Exception {
fullname.setValue(firstname.getValue()+" "+secondname.getValue());
}

});

}

}

例2：com.ui.MyComposer1 文件代码：

[java]
view plaincopyprint?

public class MyComposer1
extends GenericComposer { 继承GenericComposer 类

private Textbox firstname;

private Textbox secondname;

private Label fullname;

public void doAfterCompose(Component win)
throws Exception {

super.doAfterCompose(win);

firstname = (Textbox) win.getFellow("fname");

secondname = (Textbox) win.getFellow("sname");

fullname = (Label) win.getFellow("fullname");

//添加 addEventListener(remove 到该方法外)

}

public void onFirstName(Event event){

fullname.setValue(firstname.getValue()+" "+ secondname.getValue());

}

public void onSecondName(Event event){

fullname.setValue(firstname.getValue()+" "+ secondname.getValue());

}
}

[java]
view plaincopyprint?

public class MyComposer2
extends GenericAutowireComposer {

private Textbox fname;
//auto-wired (属性名要与id标志匹配)
private Textbox sname;

private Label fullname;

//所有的getFellow 都可以省了

public void onFirstName(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

}

public void onSecondName(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

}
}

public class MyComposer2 extends GenericAutowireComposer {

private Textbox fname;  //auto-wired  (属性名要与id标志匹配)
private Textbox sname;
private Label fullname;

//所有的getFellow 都可以省了

public void  onFirstName(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
}

public void  onSecondName(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
}
}

例3相比于例2来说，代码更为简洁。它通过继承GenericAutowireComposer ，只要属性名与Id值相同

就可以自动绑定数据而不需要调用getFellow方法。

GenericAutowireComposer类中的doAfterCompose 方法会自动帮你注入匹配的值。包括Spring的bean类

如例4：

spring-config.xml 文件代码：

[xhtml]
view plaincopyprint?

...
<bean
id="taskDao"
class="org.springframework.transaction.interceptor.TransactionProxyFactoryBean">

...

[xhtml]
view plaincopyprint?

<window
id="taskWnd"
title="Task Editor"
border="normal"
width="500px"
apply="TaskEditorComposer">

<grid>

<rows>

<row>Title:
<textbox
id="title"/></row>

<row>Description:
<textbox
id="description"/></row>

</rows>

</grid>

<button
id="saveBtn"
label="Save"
forward="onClick=onSaveTask"/>

</window>

<window id="taskWnd" title="Task Editor" border="normal" width="500px" apply="TaskEditorComposer">
<grid>
<rows>
<row>Title: <textbox id="title"/></row>
<row>Description: <textbox id="description"/></row>
</rows>
</grid>
<button id="saveBtn" label="Save" forward="onClick=onSaveTask"/>
</window>

TaskEditorComposer.java 文件代码

[java]
view plaincopyprint?

public class TaskEditorComposer
extends GenericAutowireComposer {

private TransactionProxyFactoryBean taskDao;
//Spring bean auto wired
private Textbox title;
//auto wired
private Textbox description;
//auto wired
private Button saveBtn;
//auto wired

public void onSaveTask(Event event) {

Task currentTask = componentScope.get("task");

currentTask.setTitle(title.getValue());
currentTask.setDescription(description.getValue());
taskDao.update(currentTask);
}
...
}

[java]
view plaincopyprint?

public class MyComposer3
extends GenericAutowireComposer{

private Textbox fname;

private Textbox sname;

private Label fullname;

public void onFirstName(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

((Window)self).setTitle("First Name Changed ");

alert("First Name Changed to " + fname.getValue());

}

public void onSecondName(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

((Window)self).setTitle("Second Name Changed ");

alert("Second Name Changed to " + sname.getValue());

}
}

public class MyComposer3 extends GenericAutowireComposer{

private Textbox fname;
private Textbox sname;
private Label fullname;

public void onFirstName(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
((Window)self).setTitle("First Name Changed ");
alert("First Name Changed to " + fname.getValue());
}

public void onSecondName(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
((Window)self).setTitle("Second Name Changed ");
alert("Second Name Changed to " + sname.getValue());
}
}

例6 是例5的另一种实现。将java代码嵌套在zul文件中

例6：comp1_3.zul 文件代码：

[java]
view plaincopyprint?

<zk>
<window title="composer 1_3 example " border="normal" width="300px">

<attribute name="onFirstName">

<!--[CDATA[
fullname.setValue(fname.getValue()+" "+sname.getValue());

((Window)self).setTitle("First name changed");

alert("First name change to " + fname.getValue());

]]>
</attribute>
<attribute name="onSecondName">

<![CDATA[
fullname.setValue(fname.getValue()+" "+sname.getValue());

((Window)self).setTitle("Second name changed");

alert("Second name change to " + sname.getValue());

]]-->
</attribute>
<grid>
<rows>
<row>First Name : <textbox id="fname" forward="onChange=onFirstName"/></row>

<row>Second Name : <textbox id="sname" forward="onChange=onSecondName"/></row>

<row>Full Name : <label id="fullname"/></row>

</rows>
</grid>
</window>
</zk>

[xhtml]
view plaincopyprint?

<zk>

<!-- <window title="comp2 example " border="normal" apply="com.ui.MyComposer4" width="500"> -->

<window
title="comp2 example "
border="normal"
apply="com.ui.MyComposer5"
width="500">

<grid>

<rows>

<row>First Name:<textbox
id="fname"/></row>

<row>Second Name:<textbox
id="sname"/></row>

<row>full Name:<label
id="fullname"/></row>

</rows>

</grid>

</window>

</zk>

<zk>
<!-- <window title="comp2 example " border="normal" apply="com.ui.MyComposer4" width="500"> -->
<window title="comp2 example " border="normal" apply="com.ui.MyComposer5" width="500">
<grid>
<rows>
<row>First Name:<textbox id="fname"/></row>
<row>Second Name:<textbox id="sname"/></row>
<row>full Name:<label id="fullname"/></row>
</rows>
</grid>
</window>
</zk>

MyComposer4.java 文件代码：

[java]
view plaincopyprint?

public class MyComposer4
extends GenericForwardComposer{

private Label fullname;

private Textbox fname;

private Textbox sname;

public void onChange$fname(){

fullname.setValue(fname.getValue()+" "+sname.getValue() );

}

public void onChange$sname(){

fullname.setValue(fname.getValue()+" "+sname.getValue());

}

public void onClick$fullname(){

((Window)self).setTitle(" full name OnClick ");

alert("the full name is " + fullname.getValue());

}
}

[java]
view plaincopyprint?

public class MyComposer5
implements Composer{

private Textbox fname;

private Textbox sname;

private Label fullname;

public void doAfterCompose(Component win)
throws Exception {

//绑定变量值
Components.wireVariables(win, this);

//注册onXXX事件监听器
Events.addEventListeners(win, this);

//自动跳转
Components.addForwards(win, this);

}

public void onChange$fname(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

}

public void onChange$sname(Event event){

fullname.setValue(fname.getValue()+" "+sname.getValue());

}

}

public class MyComposer5 implements Composer{

private Textbox fname;
private Textbox sname;
private Label fullname;

public void doAfterCompose(Component win) throws Exception {

//绑定变量值
Components.wireVariables(win, this);

//注册onXXX事件监听器
Events.addEventListeners(win, this);

//自动跳转
Components.addForwards(win, this);
}

public void onChange$fname(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
}

public void onChange$sname(Event event){
fullname.setValue(fname.getValue()+" "+sname.getValue());
}

}

例9 ： 当需要使用use 属性时

comp4.zul 文件代码：

[xhtml]
view plaincopyprint?

<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>

[java]
view plaincopyprint?

public class MyComposer6
extends Window implements AfterCompose{

private Textbox fname;

private Textbox sname;

private Label fullname;

public void afterCompose() {

//绑定属性值
Components.wireVariables(this,
this);

//此时 不需要注册事件监听器

//指定自动跳转
Components.addForwards(this,
this);

}
public void onChange$fname(Event event){

fullname.setValue(fname.getValue()+" "+ sname.getValue());

}

public void onChange$sname(Event event){

fullname.setValue(fullname.getValue()+" "+ sname.getValue());

}

}

public class MyComposer6 extends Window implements AfterCompose{

private Textbox fname;
private Textbox sname;
private Label fullname;

public void afterCompose() {
//绑定属性值
Components.wireVariables(this, this);

//此时 不需要注册事件监听器

//指定自动跳转
Components.addForwards(this, this);

}
public void onChange$fname(Event event){
fullname.setValue(fname.getValue()+" "+ sname.getValue());
}

public void onChange$sname(Event event){
fullname.setValue(fullname.getValue()+" "+ sname.getValue());
}

}