伴随着移动设备用户(IOS、Android和Windows Phone)的不断增多,将现有应用系统迁移至移动设备已成为一种趋势,HTML5为类似的系统迁移工作提供了很好的技术支持。

ActiveReports开始支持HTML 5 Viewer,可为移动设备提供强大的报表功能,用户可在移动设备中进行报表查看、导出、数据分析、数据钻取等操作。而且具有良好的跨设备(IOS、Android和Windows Phone)和跨浏览器(IE、Chrome、FireFox和Safari)兼容性。

本文主要介绍 ActiveReports 在MVC 5中使用 HTML5 Viewer的使用方法。

1.创建一个MVC 5 工程

2.创建一个ActiveReports.ReportService.asmx文件

3.创建一个RDL报表

4.添加一个HTML5 Viewer var viewer = GrapeCity.ActiveReports.Viewer({element: '#viewerContainer',reportService: {url: '/ActiveReports.ReportService.asmx'},uiType: 'desktop',reportLoaded : function () {reportsButtons.prop('disabled', false);}});

5.添加需要的js和css

- GrapeCity.ActiveReports.Viewer.Html.js

- GrapeCity.ActiveReports.Viewer.Html.css

- bootstrap-3.0.0.js

- jquery-1.10.2.js

- knockout-2.3.0.js

6.添加路由

routes.IgnoreRoute("{*allActiveReport}", new { allActiveReport = @".*\.ar9(/.*)?" });

运行截图:

示例下载:

mvc5 @html,如何在MVC 5中使用 HTML5 Viewer相关推荐

  1. 如何在ASP.NET中生成HTML5离线Web应用

    传统的Web应用程序有一个很大的症结是当用户的网络连接不好时,应用会加载失败,为了 解决这一问题,HTML5中引入了Web的离线工作的功能.离线功能使得Web应用程序类似于本机应用程序,当断开网络连接 ...

  2. html表单颜色选择器,如何在Django管理中使用HTML5颜色选择器

    我试图在Django的管理页面中实现HTML5 colorpicker. 这是我的模型:#model.py ... class Category(models.Model): ... color = ...

  3. mvc @html.textboxfor 添加正则表示式,如何在C#/ MVC 4中的Html.TextBoxFor中输入占位符文本...

    通常在 HTML / CSS中,如果要将占位符文本添加到文本框,则只需执行以下操作: < input type ="text"class ="input-class ...

  4. mvc identity连接mysql_asp.net MVC5,如何使用mysql数据库,使用MVC框架中自带的identity用户验证体系...

    问题如题 现在很多时候,即使是.net项目,我们用的数据库也未必时是 SQL Server了. 但很多VS 自带的框架(如MVC .WebAPI等框架)中的示例自带的仍然是默认Sql Server的, ...

  5. 【初学者指南】在ASP.NET MVC 5中创建GridView

    介绍 在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些 ...

  6. asp.net应用程序_如何在ASP.NET中为聊天应用程序构建键入指示器

    asp.net应用程序 by Neo Ighodaro 由新Ighodaro 如何在ASP.NET中为聊天应用程序构建键入指示器 (How to build a typing indicator fo ...

  7. yii2 跨域请求配置_如何在SpringBoot应用中实现跨域访问资源和消息通信?

    允许跨域访问 CORS ( Cross Origin Resource Sharing,跨域资源共享)机制允许Web应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行.浏览器支持在API容器中 ...

  8. 如何在SQL Server中附加Pubs数据库

    在本教程中,我将解释如何 在SQL Server中 附加Pubs数据库  . 每个其他数据库的过程都是相同的. 您需要将Pubs MDF和LDF文件附加到SQL Server. 请注意,Northwi ...

  9. 如何在sqlite3连接中创建并调用自定义函数

    #!/user/bin/env python # @Time :2018/6/8 14:44 # @Author :PGIDYSQ #@File :CreateFunTest.py '''如何在sql ...

最新文章

  1. Keil宏定义和如何知道单片机资源名称
  2. Android开发之跨进程通讯-AIDL实现方法 (附源码)
  3. 20145240 《Java程序设计》第四次实验报告
  4. ROS笔记(1) ROS简介
  5. java for循环 等待_java-等待在循环内按下键
  6. SpringBoot-文件在线预览解决方案-基于OpenOffice及jacob
  7. caffe手写数字分类-学习曲线
  8. Gitlab 回滚到某个commit
  9. 为什么还有6亿中国人仍不放弃QQ?
  10. 华硕无线路由打印机服务器,华硕RT-AC86U路由器怎么共享打印机
  11. Qt sql中出现的错误 Error: unable to open database “D:\Qt“: unable to open database file
  12. PC USB Warning
  13. 苹果电脑重置登录密码
  14. ISCC2022--Writeup
  15. 品优购项目--注册页面
  16. int,long和long long的区别
  17. 五金自营平台进军MRO百亿市值 行业独角兽势头显现
  18. 图像处理中的傅里叶变换
  19. 移动SLAM从入门到入土(二)环境安装
  20. 上海市专业计算机学校地址,上海计算机专业学校

热门文章

  1. 现身说法,给职场新人的投资理财建议
  2. 只要沾上婚恋焦虑,她们就王者变青铜
  3. USB HID 协议
  4. SQL 数据发现和分类
  5. 从MySQL得到最大的性能
  6. “大胃王”吃播注意了 国家明确禁止发布量大多吃、暴饮暴食等节目
  7. 微软已确认放弃Windows 10X操作系统 新功能下放
  8. 富士康有麻烦了,iPhone产能已被削减
  9. 泡泡玛特上市首日涨79.22%报69港元 总市值953亿港元
  10. 105款移动应用程序就此被清理下架!