填报表用ajax实现关联单元格自动填充 http://www.quiee.com.cn/archives/3883/
2012-07-06 16:00
761 查看
在做填报表时,可能会遇到这样的需求,某个单元格值发生变化后,其他一些单元格值也跟着发生变化,就是局部刷新报表。如果是简单的加减乘除运算,可以在单元格的自动计算里面实现;如果关联单元格显示的内容是从数据库中取出来的,就不能写加减乘除表达式来实现了,需要用ajax来实现。
比如一个货物订单表,当选择完产品后,产品的单价、库存量自动填充,然后用户根据这些信息填写订货量。
实现思路:
利用报表单元格的自动计算功能完成不同单元格信息的自动关联,自动计算表达式采用的是js函数,js函数中调用ajax,ajax中调用servlet查询数据库检索订单、库存量信息,返回给相应的单元格。
实现过程:
制作上面的报表,A3单元格设置下拉数据集,用来选择产品,在B3单元格自动计算里面设置表达式”getValue(“单价“,A3)“(第一个参数是要查询的字段,第二个参数是关联的单元格,返回数据库中A3选择的产品对应的单价),C3单元格自动计算的表达式”getValue(“库存量“,A3)“,单元格D3设置为可写。
解析报表的jsp如下
<%@ page
contentType=“text/html; charset=GBK”
%>
<%@ taglib
uri=“/WEB-INF/runqianReport4.tld”
prefix=“report”
%>
<html>
<body>
<%request.setCharacterEncoding(
“GBK”);%>
<report:html
name=“report1″
reportFileName=“testAjax.raq”/>
<script
language=“javascript”>
var xmlHttp;
var result;
//初试化XMLHttpRequest对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp=new
ActiveXObject(“Microsoft.XMLHTTP”);
}else if(window.XMLHttpRequest){
xmlHttp=new
XMLHttpRequest();
}
}
function call(){
if (xmlHttp.readyState == 4){//响应内容解析完成,可以在客户端调用了
if (xmlHttp.status == 200){//http请求一切正常,对GET和POST请求的应答文档跟在后面
result = decodeURI(xmlHttp.responseText);
}
}
}
//根据关联单元格、字段名称返回该字段的值
function getValue(field, orderID){
//alert(“aa”);
createXMLHttpRequest();
var url=“<%=request.getContextPath()%>/ajax_Servlet2?selectField=”+
field +“&orderID=”
+ orderID;
xmlHttp.onreadystatechange = call;
xmlHttp.open(“GET”, url,
false);
xmlHttp.send(null);
return result;
}
</script>
</body>
</html>
Servlet如下:
publicclassAjaxServlet_2
extendsHttpServlet{
Connection conn;
Statement stmt;
ResultSet rs;
publicvoiddoGet(HttpServletRequest request, HttpServletResponse response)
throwsServletException, IOException{
response.setCharacterEncoding(“GBK”);
Context ctx = Context.getInitCtx();
try{
conn= ctx.getConnectionFactory(ctx.getDefDataSourceName()).getConnection();
stmt=
conn.createStatement();
} catch(Exception e) {
e.printStackTrace();
}
String selectField = request.getParameter(“selectField”);
String orderID = request.getParameter(“orderID”);
if(!“”.equals(selectField) || selectField ==
null){
String selectSQL =
“SELECT “+ selectField +” FROM
产品where
产品ID=”+ orderID;
try{
rs=
stmt.executeQuery(selectSQL);
if(rs.next()){
PrintWriter out=response.getWriter();
out.write(URLEncoder.encode(rs.getString(selectField).trim(),“UTF-8″));
out.flush();
out.close();
}
} catch(SQLException e) {
e.printStackTrace();
}finally{
try{
if(stmt!=
null)
stmt.close();
if(rs!=
null)
rs.close();
if(conn!=
null)
conn.close();
} catch(SQLException e) {
e.printStackTrace();
}
}
}
}
}
页面效果如下
上图中选择了”大众奶酪”,当产品名称列失去焦点后,效果如下
上面的方法就可以实现用ajax自动填充关联单元格,方法比较简单,实现报表的局部刷新。
相关文章推荐
- 润乾报表用ajax实现关联单元格自动填充
- 数据集实现单选按钮http://www.quiee.com.cn/archives/3352/
- 填报表用ajax实现关联单元格自动填充
- 填报表用ajax实现关联单元格自动填充
- 填报表用ajax实现关联单元格自动填充
- 润乾报表(V4)用ajax实现关联单元格自动填充
- 通过分析 JDK 源代码研究 TreeMap 红黑树算法实现 refer from http://www.ibm.com/developerworks/cn/java/j-lo-tree/index.html?ca=drs-
- Ajax概念(摘录自IBM http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro1.html)
- 动态加载JS脚本的4种方法[转自http://hi.baidu.com/ajax] http://www.cnitblog.com/yemoo/archive/2007/07/19/30222.html
- 如何实现填报表不同单元格的自动关联填充
- 使用JAVA中的动态代理实现数据库连接池(载自:http://www.ibm.com/developerworks/cn/java/l-connpoolproxy/)
- 不错的Ajax的实现网站 http://www.zapatec.com/
- SQLSERVER中,数据库同步的实现(转摘于:http://www.linux-cn.com/html/database/sqlserver/20070603/47479.html)
- 在U-boot下实现自动识别启动Flash的原理 本篇文章来源于 Linux公社网站(www.linuxidc.com) 原文链接:http://www.linuxidc.com/Linux/201
- 如何实现301的跳转?当输入域名http://xxx.com的时候自动重定向到www上去
- JavaScript实现自动在复制的内容后添加版权声明(转自:http://www.cnblogs.com/zhlnxindie/archive/2010/08/28/1810499.html)
- 威盛 VN896 移动 PCI Express 芯片组将Vista引入笔记本平台,实现视觉完美体验http://www.viatech.com.cn/cn/products/chipsets/v-series/vn896/
- C#调用WebService实现天气预报 http://www.webxml.com.cn
- 使用JS实现倒计时功能(http://www.cnblogs.com/doll-net)
- 发现一个好的javascript网站(http://www.softcomplex.com/products/tigra_menu/demo/steps/)有关于用JAVASCRIPT实现下拉菜单。