bobby.wang 发表于 2017-2-15 15:22:33

钻取报表是否可以实现批量折叠和扩展功能

Dear all,

如附件所显示的内容,我们制作数据钻取报表,每一个分类项都需要手动逐项展开,能否通过设置实现手动触发全部展开和全部折叠功能?这对用户体验很有意义,谢谢!

Lenka.Guo 发表于 2017-2-15 17:20:20

这个可以试试在所有的 需要展开折叠的 TextBox,编写表达式来控制一键展开折叠。
有一个基本的实现思路,但可能有些小问题:

附件参考:

1. 新建报表参数:设置隐藏及默认值为1.


2. 添加一个 TextBox 做一键展开或折叠按钮。并设置TextBox的导航属性,并传递参数值为 2.



3. 然后在矩表分组的折叠展开的可见性,写表达式:=IIF( [@ReportParameter1] =1,FALSE,TRUE)



4. 在控制那些折叠展开的TextBox的可见性:










bobby.wang 发表于 2017-2-17 15:47:28

Lenka.Guo 发表于 2017-2-15 17:20
这个可以试试在所有的 需要展开折叠的 TextBox,编写表达式来控制一键展开折叠。
有一个基本的实现思路, ...

Hello,

依照您提供的方案我们实现了钻取报表的折叠和扩展功能,但是发布到Web站点后,此报表打开就报错,请协助查看问题,谢谢!

前端代码: <html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>    <title></title>    <style type="text/css">      body, html {         height: 100%;      }       body {         margin: 0px;         /*overflow:hidden;*/      }       .viewer {         height: 100%;         width: 100%;         /*display:inline-block;*/      }    </style>    <link href="../../Resource/plugins/ActiveReport/HTML5Viewer/css/theme-cosmo.css" rel="stylesheet" />    <link href="../../Resource/plugins/ActiveReport/HTML5Viewer/css/site.css" rel="stylesheet" />    <link href="../../Resource/plugins/ActiveReport/HTML5Viewer/css/GrapeCity.ActiveReports.Viewer.Html.css" rel="stylesheet" />    <script src="../../Resource/plugins/ActiveReport/HTML5Viewer/Scripts/jquery-1.10.2.js"></script>    <script src="../../Resource/plugins/ActiveReport/HTML5Viewer/Scripts/bootstrap-3.0.0.js"></script>    <script src="../../Resource/plugins/ActiveReport/HTML5Viewer/Scripts/knockout-2.3.0.js"></script>    <script src="../../Resource/plugins/ActiveReport/HTML5Viewer/Scripts/GrapeCity.ActiveReports.Viewer.Html.js"></script>     <script type="text/javascript">       $(document).ready(function () {          $(function () {               var RPBudgetName = $("#hf_RPBudgetName").val();               var viewer =GrapeCity.ActiveReports.Viewer({                   element: '#viewerContainer',                    report: {                     id: 'Modules/ActiveReports/HCtotalbyCategory.rdlx',                     //parameters: [{                     //   name: 'RPBudgetName',                     //   value: RPBudgetName,                     //}]                   },                   reportService: {                     url: '/ActiveReports.ReportService.asmx'                   },                   renderMode: 'Galley',                   uiType: 'Desktop',                   localeUri: '../../Resource/plugins/ActiveReport/HTML5Viewer/Scripts/i18n/Localeuri.txt',               });         })       });    </script></head><body>    <form id="form1" runat="server"><div id="viewerContainer" style="width: 100%; height:700px; border: 1px solid gray; margin-top:2px;">       </div>      <asp:HiddenField ID="hf_RPBudgetName" runat="server" />    </form> </body></html>

Lenka.Guo 发表于 2017-2-17 16:05:24

本帖最后由 Lenka.Guo 于 2017-2-17 16:06 编辑

2#中给的示例在H5中可以正常加载,请您按照2#的步骤来排除或者对比两个报表的设置。

附件是可运行的H5示例,下载之后,使用VS的工具-转换成AR11后,替换 GrapeCity.ActiveReports.html.js 文件为当前机器所安装的版本文件。



页: [1]
查看完整版本: 钻取报表是否可以实现批量折叠和扩展功能