300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html5两个静态页面传值 如何使用HTML5Viewer 进行参数传递

html5两个静态页面传值 如何使用HTML5Viewer 进行参数传递

时间:2022-08-04 08:47:46

相关推荐

html5两个静态页面传值 如何使用HTML5Viewer 进行参数传递

HTML5由于支持跨平台等特性已在移动端得到广泛应用,ActiveReports报表解决方案为了更适应现代的智能BI,也提供了对HTML5Viewer的支持,那么如何在HTML5Viewer中对报表进行参数传递呢?本节主要单值参数和多值参数传递。

开发环境:

VS+ActiveReports 10

实现步骤:

1.创建工程,在Visual Studio 中创建空的Web项目;

2.添加文件,ActiveReports 路径C:\Users\Documents\GrapeCity Samples\ActiveReports 10\HTML5 Viewer 将 css 文件夹下的文件和 Scripts 目录下的文件拷贝到工程目录下(Fonts文件必要时也需要拷贝)。

3. 添加报表,设置参数

4.添加页面,点击项目添加新项,选择HTML页面;

标签内添加Viewer:

添加

$(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',

});

}); });

多值参数:

report: {

id: 'test123.rdlx',

parameters: [

{name:'ProductID',

value: [1,2,3]

},

] },

Demo 下载:

您在使用产品过程中有任何疑问,可以登录官方产品技术社区和经验丰富的技术工程师、ActiveReports开发人员交流:了解更多。

了解ActiveReports产品更多特性:

下载产品体验产品功能:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。