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
下面以点击一个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
相关文章推荐
- javascript如何调用本地exe程序
- Android的JS调用Java代码或使用了Javascript相关技术,如何混淆
- (22):Silverlight 2 在Silverlight中如何用JavaScript调用.NET代码
- 一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码
- 一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码
- Android之如何使用javascript调用android代码
- (转)javascript如何调用C#后代码中的过程 和ASP.NET调用JS乱码解决方案
- 在android里如何代码调用系统短信发送界面
- 在asp.net中如何用javascript读取本地Xml中的数据到网页中的文本框?
- ios客户端向服务器端发送数据以及接收数据要如何实现?
- 如何实现 javascript “同步”调用 app 代码
- 一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码 (转)
- javascript如何调用C#后代码中的过程
- Asp.Net Ajax用JavaScript调用服务器端代码
- 请高手帮忙看看代码如何修改(我要实现表单调用数据并更新到数据库)
- Android 本地代码与JavaScript的相互调用
- javascript如何调用C#后代码中的过程 和ASP.NET调用JS乱码解决方案
- (转)javascript如何调用C#后代码中的过程 和ASP.NET调用JS乱码解决方案
- 【零一】如何用代码爬抓电商数据(附淘宝API调用实例)
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现