ZK 5 客户端编程

最新推荐文章于 2022-05-13 14:59:17 发布

cjkk_cjkk

最新推荐文章于 2022-05-13 14:59:17 发布

阅读量155

点赞数

分类专栏： ZK 文章标签：编程 zk JavaScript jQuery F# ViewUI

ZK 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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:;" οnclick="zk.Widget.$(jq('$labelone')[0]).setValue('changed with jq');">not widget</a>
		]]></html>		
 
	</vbox>
</window>

cjkk_cjkk

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ZK 5 客户端编程

1. 简介为了在客户端执行应用程序特有的一些代码，ZK5 版本引入了Client Namespace 的概念，使用Client Namespace ，开发人员能够监听任何客户端的事件，重写ZK的方法并且可以执行任何自定义的客户端代码。2. 定义 ZK Client Namespace 为了在客户端写代码，你必须定义一个Namespace,例如：onClick事件被客户端的JavaScr...
复制链接

扫一扫

专栏目录