找回密码
 立即注册

QQ登录

只需一步,快速开始

bobby.wang

注册会员

8

主题

15

帖子

81

积分

注册会员

积分
81
  • 0

    金币

  • 8

    主题

  • 15

    帖子

bobby.wang
注册会员   /  发表于:2017-2-15 15:22  /   查看:3981  /  回复:3
Dear all,

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

3 个回复

倒序浏览
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2017-2-15 17:20:20
沙发
这个可以试试在所有的 需要展开折叠的 TextBox,编写表达式来控制一键展开折叠。
有一个基本的实现思路,但可能有些小问题:

附件参考:

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


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



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



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










本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
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>

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
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 文件为当前机器所安装的版本文件。



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部