ZK 5 客户端编程

1. 简介

为了在客户端执行应用程序特有的一些代码,ZK5 版本引入了Client Namespace 的概念,使用Client Namespace ,开发人员能够监听任何客户端的事件,重写ZK的方法并且可以执行任何自定义的客户端代码。

2. 定义 ZK Client Namespace

为了在客户端写代码,你必须定义一个Namespace,例如:onClick事件被客户端的JavaScript处理

 

<button label="client" xmlns:w="http://www.zkoss.org/2005/zk/client" w:onClick="alert('clicked')"/>

 

 

3、怎样在JavaScript里引用ZK组件

当客户端的事件被调用,你可以用this来引用组件,例如:

<window xmlns:w="http://www.zkoss.org/2005/zk/client">
  <label value="change me by click" w:onClick="this.setValue('clicked');"/> 
</window>

 

可以用function $f 获取其他的组件,跟getFellow()类似,此外,你能使用jQuery选择一个组件的DOM元素。比如jq(@window)将会选择所有的window组件 DOM元素,并且jq("$win1") 将获得ID是win1的组件。

<window xmlns:w="http://www.zkoss.org/2005/zk/client">
	<vbox>
		<label id="labelone" value="click to change"
			w:onClick="this.setValue('changed by click label');" />
 
		<button label="button"
			w:onClick="this.$f('labelone').setValue('changed by button');" />
 
		<html><![CDATA[
		<a href="javascript:;" onclick="zk.Widget.$(jq('$labelone')[0]).setValue('changed with jq');">not widget</a>
		]]></html>		
 
	</vbox>
</window>

 

你可能感兴趣的:(JavaScript,jquery,编程,F#,zk)