如何通过JavaScript函数获取Web报表单元格的值
12.19.2009 by hewei - 0 Comment - 0Posted in web报表
报表展现在web页面以后,有时需要通过鼠标点击单元格的事件来获取该单元格的值。怎样来实现这个需求?快逸报表中通过在jsp页面中设定JavaScript函数就可以完成。 首先,我们需要知道报表是如何在页面上展现的。设计器安装目录: \webapps\quiee\reportJsp中的showReport.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函数来实现很多特殊功能的。
从上图可以看到整个报表标签< 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函数来实现很多特殊功能的。