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
前往页