jquery 打印预览局部屏蔽

    采用printArea进行页面的打印功能实现。

    printArea本身支持popup和iframe方式弹出打印机选择功能,在popup模式中,会弹出要打印的部分,可以算作是一种预览,本次实现的功能,主要是为了解决popup时,页面中不进行显示相关的元素(如果只是为了打印不显示,可采用css进行控制,@media设置)。

    本次主要在printArea的源码中进行了部分改造,增加了一个设置参数(在defaults中增加noPrintCss : [""]),并在getFormData中进行了相关改造,主要是增加部分代码。在getFormData代码块中retrun copy之前增加如下代码:

                var noPrintCss_ = settings.noPrintCss;
		var divspan = $("div,span,button,input", copy);
		 $("div,span,button,input", ele).each(function( i ){
			for ( var x = 0; x < noPrintCss_.length; x++ ){
				if(divspan.eq(i).hasClass(noPrintCss_[x])){
					divspan.eq(i).remove();
				}
			}
		 });
    主要屏蔽div\span\button\input元素,其他需要的元素可进行增加,至此改造完成。
   var options = { mode : mode, popClose : close, extraCss : extraCss, retainAttr : keepAttr, extraHead : headElements,noPrintCss:["dd"] };
     $("#id").printArea( options );
    其中 noPrintCss 可传入包含css class名字的数组。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值