动态隐藏数据行（JS实现）

需求描述

客户预想点击某行，某行数据，就自动隐藏。

需求实现

1. 连接demo数据源，以SQL检索的方式创建数据集”SELECT * FROM 订单”。

2. 报表设计如下图所示。

3.在页面中定义JS，代码如下所示。

<script language=”javascript”>

function test(row){

document.getElementById(“report1″).rows[parseInt(row)-1].style.display=”none”

}

</script>

4.我们设置A2单元格的HTML事件表达式为：“onmousedown=test(“+row()+”)”，详细设置如下图所示。

5.发布报表，指向要隐藏行的订单ID为10534, 页面刷新后显示如下图所示，订单ID=10248的记录已经被隐藏。

详细说明

本例主要是通过单元格HTML事件调用页面的JS，获得当前单元格的行号，设置其隐藏属性，通过该方法要比定义宏实现容易多，而且也不会出现大数据量报表在隐藏时刷新页面的延时。