zk框架第一天

一、一个标签代表一个组件。一些组件可以包含子组件，如<window><grid></grid><window>

二、给组件一个id，就可以在UI控制器（java类）中操作它。
<button id="submitButton" label="Submit" disabled="true"/>

三、变量名对应ZUL文档中的组件id。为了操作UI，
首先，需要实现一个控制类，该类继承ZK框架的SelectorComposer类。
第二，需要用注解@wire标注成员变量，以此获取UI组件的java对象。
public class RegistrationComposer extends SelectorComposer<Component> {

@Wire
private Button submitButton;

@Wire
private Checkbox acceptTermBox;
}

四、只要申请控制主组件，那么对包含在其中的子组件都可以进行控制。
<window border="normal" width="400px" title="Welcome! New User"
apply="foo.RegistrationComposer"></window>

五、利用@Listen注解可以声明一个方法去处理组件的事件。
@Listen("onCheck = #acceptTermBox")
public void changeSubmitStatus(){
if (acceptTermBox.isChecked()){
submitButton.setDisabled(false);
submitButton.setImage("/images/submit.png");
}else{
submitButton.setDisabled(true);
submitButton.setImage("");
}
}

原文地址：http://books.zkoss.org/wiki/ZK_Getting_Started/Learn_ZK_in_10_Minutes