Lenka.Guo 发表于 2016-2-3 17:30:00

HTML5Viewer 通过代码向报表传递参数

源码下载:



功能描述:
本示例演示了通过点击按钮传进参数值,并赋给 HTML5viewer 中报表参数

开发环境:
VS2013+ActiveReports10
(注:如果是ActiveReports10以下的版本,请将源码中的js,css 文件替换为相关版本,详情可参考http://gcdn.gcpowertools.com.cn/showtopic-15730.html)
实现步骤:
1.创建工程,在Visual Studio 2013 中创建空的Web项目;
2.添加文件,从安装ActiveReports 报表服务器默认路径下的 C:\ActiveReports 10 Server\SDK\Samples\HTML5 Viewer(ActiveReports 路径 C:\Users\Documents\GrapeCity Samples\ActiveReports 10\HTML5 Viewer)将 css 文件夹下的文件和 Scripts 目录下的文件拷贝到工程目录下(Fonts文件必要时也需要拷贝)。
3. 添加报表,设置参数







4.添加页面,点击项目添加新项,选择HTML页面;
在<body>标签内添加Text和Button
<body >
    <input id="input_text1" type="text" value="2" style="width: 100px;" />
   <button id="button1">获取</button >

在<body>标签内添加Viewer:
<div id="viewerContainer"/>

添加<Script>标签
<script type="text/javascript">
         $(document).ready(function () {
                $("#button1").click(function () {
                  var result1 = $("#input_text1").val();
                  var viewer = GrapeCity.ActiveReports.Viewer({
                        element: '#viewerContainer',

                        report: {
                            id: 'RdlReport1.rdlx',
                            parameters: [{
                              name: 'ReportParameter1',
                              value: $("#input_text1").val(),
                            }]},
                        reportService: {
                            url: '/ActiveReports.ReportService.asmx'
                        },

                        uiType: 'Desktop',
                        localeUri: 'Scripts/i18n/Localeuri.txt',
                  });

               
                });         });


页: [1]
查看完整版本: HTML5Viewer 通过代码向报表传递参数