ZK(7.0.1)中SelectorComposer与GenericForwardComposer用法差异的简单示例

1. zul页面index.zul:

<?page title="Hello ZK" contentType="text/html;charset=UTF-8"?>
<zk>
<!-- apply属性将页面上的控件与JavaBean绑定起来 -->
<window title="Hello ZK" border="normal"
	apply="com.huey.zk.controller.SimpleMsgController">
	<vbox>
		<hbox>msg: <label id="msgLabel" /></hbox>
		<hbox>
			<textbox id="msgTextbox" />
			<button id="ctrlButton" label="OK" />
		</hbox>
	</vbox>
</window>
</zk>


2. SelectorComposer:

package com.huey.zk.controller;

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.Label;
import org.zkoss.zul.Textbox;

/** 
 * ZK组件控制器SimpleMsgController
 * @author huey2672 
 * @version 1.0 
 * @created 2014-8-8
 */ 
public class SimpleMsgController extends SelectorComposer<Component> {

	/**
	 * 
	 */
	private static final long serialVersionUID = 35698036153044181L;

	// 与页面的id为msgLabel的控件绑定
	@Wire
	private Label msgLabel;
	// 与页面的id为msgTextbox的控件绑定
	@Wire
	private Textbox msgTextbox;
	
	// 监听id为ctrlButton的控件的onClick事件
	@Listen("onClick=#ctrlButton")
	public void sendMsg() {
		String msg = msgTextbox.getValue();
		msgLabel.setValue(msg);
	}
	
}

3. GenericForwardComposer:

package com.huey.zk.controller;

import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zk.ui.util.GenericForwardComposer;
import org.zkoss.zul.Label;
import org.zkoss.zul.Textbox;

/** 
 * ZK组件控制器SimpleMsgController
 * @author huey2672 
 * @version 1.0 
 * @created 2014-8-8
 */ 
public class SimpleMsgController extends GenericForwardComposer<Component> {

	/**
	 * 
	 */
	private static final long serialVersionUID = 35698036153044181L;

	// 与页面的id为msgLabel的控件绑定
	@Wire
	private Label msgLabel;
	// 与页面的id为msgTextbox的控件绑定
	@Wire
	private Textbox msgTextbox;
	
	/**
	 * 监听id为ctrlButton的控件的onClick事件
	 * @param event
	 * 
	 * 还可以选择方法签名:public void onXxx()
	 * 然后在zul页面中ctrlButton的forward属性中指定
	 */
	public void onClick$ctrlButton(Event event) {
		String msg = msgTextbox.getValue();
		msgLabel.setValue(msg);
	}
	
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值