ZK Framework(二、快速入门)

官网例子：http://books.zkoss.org/wiki/ZK_Getting_Started/Learn_ZK_in_10_Minutes

官网没有给出例子的源码，这里我整理到我的工程FastUiDemo了

下载地址：http://www.cnblogs.com/jrsmith/admin/Files.aspx

（一）业务流程

1、提供一个新用户注册界面，

2、响应同意协议事件

2、响应提交事件。

（二）工程

工程结构：

Registarion.zul:

2.1 改变了window的apply值

2.2 改变了图标的路径和后缀名

<window border="normal" width="400px" style="padding-top:20px;padding-left:20px;" title="Welcome! New User" 
apply="com.core.controller.RegistrationComposer">
    <grid hflex="1">
        <auxhead>
            <auxheader colspan="2" label="Registration Form" style="font-size:16px" image="/images/picture.gif"/>
        </auxhead>
        <columns/>
        <rows>
            <row>
                User Name <textbox id="nameBox" hflex="1" constraint="no empty"/>
            </row>
            <row>
                Gender:
                <radiogroup id="genderRadio">
                    <radio label="Male" value="male" image="/images/male.gif" checked="true"/>
                    <radio label="Female" value="female" image="/images/female.gif"/>
                </radiogroup>
            </row>
            <row >
                Birthday <datebox id="birthdayBox" hflex="1" constraint="no empty"/>
            </row>
            <row spans="2" align="center" >
                <hlayout>
                    <checkbox id="acceptTermBox"/> Accept Term of Use
                </hlayout>
            </row>
            <row spans="2" align="right">
                <hlayout>
                    <button id="resetButton" label="Reset" />
                    <button id="submitButton" label="Submit" disabled="true"/>
                </hlayout>
            </row>
        </rows>
    </grid>
</window>

RegistrationComposer.java:

2.3 在全局变量里将注册信息带进来

2.4 在submit()中处理注册信息（Radiogroup组件仍待处理）

package com.core.controller;

import java.text.SimpleDateFormat;

import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Listen;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Button;
import org.zkoss.zul.Checkbox;
import org.zkoss.zul.Datebox;
import org.zkoss.zul.Radiogroup;
import org.zkoss.zul.Textbox;

public class RegistrationComposer extends SelectorComposer<Component> {

    private static final long serialVersionUID = 1L;
    @Wire
    private Textbox nameBox;
    @Wire
    private Radiogroup genderRadio;
    @Wire
    private Datebox birthdayBox;
    @Wire
    private Button submitButton;    
    @Wire
    private Checkbox acceptTermBox;
    
    @Listen("onCheck = #acceptTermBox")
    public void changeSubmitStatus(){
        if (acceptTermBox.isChecked()){
            submitButton.setDisabled(false);
            submitButton.setImage("/images/submit.gif");
        }else{
            submitButton.setDisabled(true);
            submitButton.setImage("");
        }
    }
    
    @Listen("onClick = #submitButton")
    public void submit(){
        // omit irrelevant code for brevity
        SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        String dateString = formatter.format(birthdayBox.getValue());
        System.err.println("Register new user:" + nameBox.getValue() + "," + dateString);
//        registrationDao.add(newUser);
    }
}

 

（三）运行结果：