知识库

推荐内容

快逸做的更好

产品优势

您的位置: 首页 > 知识库 > java相关技术 > 如何通过JavaScript函数获取Web报表单元格的值

如何通过JavaScript函数获取Web报表单元格的值

报表展现在web页面以后,有时需要通过鼠标点击单元格的事件来获取该单元格的值。怎样来实现这个需求?快逸报表中通过在jsp页面中设定JavaScript函数就可以完成。

首先,我们需要知道报表是如何在页面上展现的。复杂报表设计设计器安装目录:
\webapps\quiee\reportJsp中的showReport.jsp就是一个典型的展现报表的jsp例子:

展现快逸报表的jsp文件

从上图可以看到整个报表标签< report:html>包含在一个< table>标签中,在报表扩展的时候,就是在这个table中去扩展。
想通过点击鼠标去获得单元格的值,就要定位单元格。如何去定位一个单元格呢,就要通过< report:html>中的name属性,然后加上单元格的位置来定位例如:report1_A1就代表的是报表的A1单元格。
接下来,在页面中增加一段JavaScript函数,用这个函数去获得单元格的值。
< script language=”javascript”>
function _getDispValueByName(){
var cell = document.getElementById(”report1_A1″); //通过ID去定位单元格位置
alert(cell.value); //用alert()函数弹出这个单元格的值
}
< /script>

最后,可以做一下效果展示,在页面上增加一个按钮,来触发这个JavaScript函数。

< input type=”button” onclick=_getDispValueByName() value=”check”>

效果如下:

通过JavaScript函数获取Web报表单元格的值

通过这个例子,不仅告诉我们怎样去定位单元格获取单元格的值,还告诉我们快逸报表中是可以使用强大的JavaScript函数来实现很多特殊功能的。

发布日期:2009/09/09
本文分类: java相关技术