zk服务器端获取鼠标点击位置

index.zul

Xml代码  

1. <? xml   version = "1.0" ?>   
2. < window   xmlns:w = "client"   xmlns:n = "native"   xmlns = "http://www.zkoss.org/2005/zul"   
3.     xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"   
4.     xsi:schemaLocation = "http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"   
5.     id = "indexWin"   border = "normal"   title = "鼠标点击数据演示"   width = "600px"   height = "500px"   
6.     apply = "cn.zkoss.zk4love.web.controller.MouseClickController" >   
7.     < div   style = "float:left;" >   
8.         < button   label = "I'am here(client)"   
9.             w:onClick = "zk.log('纯js:x='+zk.clickPointer[0]+',y='+zk.clickPointer[1])"   />   
10.         < n:br   />   
11.         < n:br   />   
12.         < button   label = "I'am here(client)"   
13.             w:onClick = "zk.log('纯js:x='+zk.clickPointer[0]+',y='+zk.clickPointer[1])"   />   
14.         < n:br   />   
15.         < n:br   />   
16.         < button   label = "I'am here(client)"   
17.             w:onClick = "zk.log('纯js:x='+zk.clickPointer[0]+',y='+zk.clickPointer[1])"   />   
18.         < n:br   />   
19.         < n:br   />   
20.     </ div >   
21.     < script   type = "text/javascript" >   
22.         function sendPointer(){  
23.             zAu.send(new zk.Event(zk.Widget.$('$indexWin'),'onShowPointer',zk.clickPointer[0]+','+zk.clickPointer[1]));  
24.             return  true;  
25.         }  
26.     </ script >   
27.     < div   style = "float:right;" >   
28.         < button   label = "I'am here(Server)"   w:onClick = "sendPointer();"  />   
29.         < n:br />   
30.         < n:br />   
31.         < button   label = "I'am here(Server)"   w:onClick = "sendPointer();"  />   
32.         < n:br />   
33.         < n:br />   
34.         < button   label = "I'am here(Server)"   w:onClick = "sendPointer();" />   
35.         < n:br />   
36.         < n:br />   
37.     </ div >   
38. </ window >   

 

后台代码

 

 

Java代码  

1. package  cn.zkoss.zk4love.web.controller;  
2.   
3. import  org.zkoss.zk.ui.Component;  
4. import  org.zkoss.zk.ui.event.Event;  
5. import  org.zkoss.zk.ui.util.Clients;  
6. import  org.zkoss.zk.ui.util.GenericForwardComposer;  
7.   
8. public   class  MouseClickController  extends  GenericForwardComposer {  
9.     private   static   final   long  serialVersionUID = 2734553685458769226L;  
10.   
11.     public   void  doAfterCompose(Component comp)  throws  Exception {  
12.         super .doAfterCompose(comp);  
13.   
14.     }  
15.     public   void  onShowPointer(Event e){  
16.         Clients.log("后台获取数据=" +e.getData());  
17.     }  
18. }  

 

本功能已添加到zk4love项目

svn下载地址： http://zk4love.googlecode.com/svn/trunk/zkportal  

本示例在线演示 http://zkfiddle.org/sample/39o3m78/3-The-last-position-that-the-mouse-was-clicked

进入后点击右上角的run

 

-------------------

zk中国的开源项目zk4love

关于项目

ZK@China 群25891428、88280491专注于zk开发及研究。

本项目主要由群内成员及 论坛 提问sun4love收集整理并解决汇集而成！ 

以帮助zk用户快速理解掌握zk技术细节，提高同学学习成绩和公司开发人员的开发效率！

本项目完全来源于中国开发者所关注的问题，更贴切中国开发者，与zkoss.org官网的demo不同，zk4love更加详细具体遵从MVC的开发模式！ 

svn地址：http://zk4love.googlecode.com/svn/trunk/zkportal  

下载演示