SmartBi没有数据时隐藏电子表格报表

柔光的暖阳◎ 2022-02-12 15:49 564阅读 0赞

## **示例说明** ##

电子表格报表中在非数据扩展区域添加了静态文字，当报表没有数据时看起来很不美观，则需要隐藏报表中的表格。如下：

**（1）有数据时：**

![image2017-3-18_2016_3A27_3A57.png_version_1_modificationDate_1489825674000_api_v2][]

**（2）没数据时：**

![image2017-3-18_2016_3A28_3A22.png_version_1_modificationDate_1489825699000_api_v2][]

**（3）使用宏代码判断没有数据，隐藏表格，效果如下：**

![image2016-4-21_2015_3A29_3A55.png_version_1_modificationDate_1466060280000_api_v2][]

## **版本及客户端说明** ##

1.smartbi版本：V5.1

2.客户端：PC

3.浏览器：IE11、谷歌浏览器（Chrome）、火狐浏览器（Firefox）

## **设置方法** ##

1、在[电子表格设计器][Link 1]（Microsoft Office Excel）中，创建电子表格报表。

![image2016-4-21_2015_3A30_3A23.png_version_1_modificationDate_1466060279000_api_v2][]

2、在浏览器的资源定制节点下，选中电子表格，右键选择 **编辑宏** 进入报表宏界面。

3、使用宏可以实现，目前有两种设置方式，一种是使用服务器端宏，一种是使用客户端宏；使用服务器端宏则导出报表也是生效的，使用客户端宏则导出是不生效的。**根据需要两者选择一个就可以了**。

* **客户端宏：**在报表宏界面**新建客户端模块**。在弹出的**新建模块**对话框中，选择对象为**spreadsheetReport**、事件为**onRender**、并把下面宏代码复制到代码编辑区域。
 
 **客户端宏代码**
 
 <table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 </td> 
 <td> <code>function</code>&nbsp;<code>main(spreadsheetReport) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>RowCount = spreadsheetReport.getRowCount();&nbsp;</code><code>// 返回电子表格的行数</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>ColumnCount = spreadsheetReport.getColumnCount();&nbsp;</code><code>// 返回电子表格列数</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>// 对第一个扩展数据的单元格进行判断，若该字段扩展出无数据，则表示表格无数据。本示例中是C2单元格</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>(spreadsheetReport.getCell(1, 2).innerHTML ==&nbsp;</code><code>""</code><code>) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>for</code>&nbsp;<code>(i = 0; i &lt; RowCount; i++) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>// 在excel中的行数据不扩展的，隐藏表格</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>spreadsheetReport.getCell(i, 0).parentNode.style.display =&nbsp;</code><code>"none"</code><code>;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>//spreadsheetReport.getCell(x, y)是从excel的A1位置起，A1位置为0，0</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
 </table>

* **服务端宏：**在报表宏界面**新建服务器模块**。在弹出的**新建模块**对话框中，选择对象为spreadsheetReport、事件为**onBeforeOutput**、并把下面宏代码复制到代码编辑区域。
 
  
 
 **服务器端宏**
 
 <table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>function</code>&nbsp;<code>main(spreadsheetReport) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>cells = spreadsheetReport.workbook.worksheets.get(0).cells;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>posList = spreadsheetReport.sheets[0].getExpandedPositions(</code><code>"C3"</code><code>);</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>if</code>&nbsp;<code>(posList.length == 1 &amp;&amp; cells.get(posList[0].row, posList[0].column).value ==&nbsp;</code><code>null</code><code>) { </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>cells.deleteRows(posList[0].row - 1, 2);&nbsp;</code><code>//从C3所在行开始，删除两行数据</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>}</code> <code>}</code> </td> 
 </tr> 
 </tbody> 
 </table>
 
  
 
 **   **

## **关键对象总结** ##

*  客户端宏中通过spreadsheetReport.getCell(i, 0).parentNode.style.display = "none";方法隐藏行
 *  服务端宏中通过cells.deleteRows(posList\[0\].row - 1, 2)方法删除行

参考链接：[http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=21955886][http_wiki.smartbi.com.cn_18081_pages_viewpage.action_pageId_21955886]

[http://wiki.smartbi.com.cn:18081][http_wiki.smartbi.com.cn_18081]

[image2017-3-18_2016_3A27_3A57.png_version_1_modificationDate_1489825674000_api_v2]: /images/20220212/9889c0603db64997822d053a9c1c84a6.png
[image2017-3-18_2016_3A28_3A22.png_version_1_modificationDate_1489825699000_api_v2]: /images/20220212/96a765b3e48c4269869a17fa6a4958c9.png
[image2016-4-21_2015_3A29_3A55.png_version_1_modificationDate_1466060280000_api_v2]: /images/20220212/cd427352223d4a4aa1e3d96aefc371fe.png
[Link 1]: http://wiki.smartbi.com.cn/pages/viewpage.action?pageId=6291555
[image2016-4-21_2015_3A30_3A23.png_version_1_modificationDate_1466060279000_api_v2]: /images/20220212/3a7c89c44427488d9428e5f4307c0af2.png
[http_wiki.smartbi.com.cn_18081_pages_viewpage.action_pageId_21955886]: http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=21955886
[http_wiki.smartbi.com.cn_18081]: http://wiki.smartbi.com.cn:18081