zk如何调用本地javascript代码向服务器端发送数据
今天，折腾了一个上午，加下午1个小时，终于实现了zk页面中，如何将javascript代码发送到服务器端。下面以点击一个button按钮，将button按钮对应的鼠标点击的位置发送到服务器端为例来看这段代码是如何实现数据传输的。zul页面的代码如下：<?xml version="1.0" encoding="UTF-8"?...
·
今天，折腾了一个上午，加下午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>
<?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());
}
});
}
}
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());
}
});
}
}
转载于:https://blog.51cto.com/gaojie/197411
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献2条内容
所有评论(0)