您的位置:首页 > Web前端 > JavaScript

zk如何调用本地javascript代码向服务器端发送数据

2009-08-31 20:11 337 查看
今天,折腾了一个上午,加下午1个小时,终于实现了zk页面中,如何将javascript代码发送到服务器端。
下面以点击一个button按钮,将button按钮对应的鼠标点击的位置发送到服务器端为例来看这段代码是如何实现数据传输的。
zul页面的代码如下:

<?xml version="1.0" encoding="UTF-8"?>
<?taglib uri="/WEB-INF/tld/web/core.dsp.tld" prefix="c" ?>
<?taglib uri="/WEB-INF/tld/web/html.dsp.tld" prefix="h" ?>
<zk xmlns:h="http://www.w3.org/1999/xhtml">
<script type="text/JavaScript">
<![CDATA[
function pointerX()
{
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
}
function pointerY()
{
return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
}
//获取鼠标位置的函数
function mousePositon()
{
var x_Px_page = pointerX();
var y_Px_page = pointerY();
return(x_Px_page+","+y_Px_page);
}
]]>
</script>
<window width="100%" height="100%" use="com.cvicse.inforreport.server.Test">
<h:table width="100%" border="0" height="100%">
<h:tr align="center">
<h:td>
<button id="buttontest" action="onclick:comm.sendClick(this, mousePositon())"/>
</h:td>
</h:tr>
</h:table>
</window>
</zk>
java代码如下:

package com.cvicse.inforreport.server;

import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.event.EventListener;
import org.zkoss.zk.ui.event.MouseEvent;
import org.zkoss.zk.ui.ext.AfterCompose;
import org.zkoss.zul.Button;
import org.zkoss.zul.Window;

public class Test extends Window implements AfterCompose {
private static final long serialVersionUID = 1L;
private Button buttontest;

public void afterCompose() {
// TODO Auto-generated method stub
buttontest = (Button) this.getFellow("buttontest");
buttontest.addEventListener("onClick", new EventListener() {
public void onEvent(Event event) throws Exception {
// TODO Auto-generated method stub
MouseEvent me = (MouseEvent) event;
//获取从客户端发送过来的数据就放到了me.getArea()中
System.out.println((String) me.getArea());
}
});
}
}本文出自 “javacareer” 博客,请务必保留此出处http://gaojie.blog.51cto.com/848875/197411
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐