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

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

开发环境：

VS2013+ActiveReports 10

实现步骤：

1.创建工程，在Visual Studio 2013 中创建空的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产品更多特性：

下载产品体验产品功能：

html5两个静态页面传值,如何使用HTML5Viewer 进行参数传递相关推荐

静态html页面传递参数,javascript静态页面传值的三种方法分享
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm function Post() { //单个值 Read.htm?username=b ...
javascript HTML静态页面传值的四种方法
一:JavaScript静态页面值传递之URL篇能过URL进行传值.把要传递的信息接在URL上.Post.htm 1 代码如下: 2 3 <input type="text" ...
html5编辑漂亮静态页面工具_青岛HTML5与Web前端
青岛HTML5与Web前端.说起来Web前端,我们可能下意识就会想到HTML5,但其实HTML5和前端并不是一回事,那么HTML5和Web前端有什么关系呢? 青岛Web前端什么是HTML5? HTML ...
静态html页面传递参数,javascript实现静态页面之间的传值
静态页面之间传值有多种方法:1.通过url 2.通过cookie 3.window.open传值 4.HTML5 localStorage传值方法一:url传值主要原理是:通过GET方法然后获取U ...
在两个静态HTML页面之间传递参数的一个方法
一个大型的监控平台,需要集成H3C的视频监控系统,集成的方式是通过静态页面.H3C提供一个页面的控件,直接在页面通过JS脚本调用.需要给这个控件传递一个摄像机的编号,传递后,页面的控件便显示出该摄像机 ...
segue和delegate实现两个页面传值
页面传值如果有两个页面A和B之前需要传值,如下图所示,从A页面打开一个B页面,填入一些信息后,展现在B页面.这个过程需要从B页面传数据给A页面. A->B的数据传递可以在segue中实现,B- ...
使用html5静态页面的总结,幸福西饼：静态页面制作项目总结
在coursera上学完了密歇根大学开的前端入门课,仍然不得要领,听朋友建议从网上找了个实站项目跟着撸了一遍代码,感悟比单纯上课多得多. 这个项目主要是复刻[幸福西饼]的主站和产品列表页,纯静态页面, ...
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法) 转载,点击跳转
HTML5期末大作业：艺术品商城网站设计——艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面（含源码）
HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个 ...

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

html5两个静态页面传值,如何使用HTML5Viewer 进行参数传递相关推荐

最新文章

热门文章