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

登录

源码下载：

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

开发环境：
VS2013+ActiveReports 10
（注：如果是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',
});
}); });

复制代码

		自动登录	找回密码
密码			立即注册

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

本帖子中包含更多资源

0 个回复

活字格认证

讲师达人

悬赏达人

微信认证勋章

元老葡萄