ReportViewer工具栏功能扩展[手动设置打印/导出按钮]
4星 · 超过85%的资源 需积分: 50 113 浏览量
2016-09-23
08:23:22
上传
评论 2
收藏 237KB DOCX 举报 
ReportViewer 工具栏功能扩展[手动设置打印/导出按钮]
ReportViewer 在 IE11 后打印按钮就存在兼容问题,火狐,谷歌也存在打印按钮显示的兼容性问
题,本资料就是解决 ReportViewer 打印按钮显示的问题,
通过自己写脚本添加到 DOM 里面让所有浏览器都能显示打印和自定义的按钮出来!
最近在使用 Report Service 做报表，客户要求报表要以表格形式和图形形式显示，当时我想
直接修改 ReportViewer 的工具栏。于是上网查了相关资料，发现这样方案不太可能，就算能
够动态增加按钮，但是对于后台处理也比较麻烦，从通用性上考虑也不太乐观。
后来看到客户端的代码，如下：
ReportViewer 发到客户端其实就是 div 加 table。突然萌生了一种想法，就是通过 js 前台动
态加按钮，然后回传给服务器处理。
实现效果图：
前台脚本使用的是 jQuery，选择 jQuery 的原因有两个：一、使用起来简单；二、浏览器兼容
性支持的好。
为了这段代码通用，开发人员用起来方便，利用了 jQuery 的($.extend())功能。
插件代码如下：
//ReportViewer 控件增加工具按钮
(function() {
$.extend($.fn,
{
methods: {
createButton: function(width, height, type, uri,
controlId) {
var A = $("<a></a>");
A.attr("id", type + "_" + "graph");
- 1
- 2
前往页