dorado7实现超简单的页面打印功能

效果1:正常页面

dorado7实现超简单的页面打印功能

效果2:点击打印后弹出的打印预览页面

dorado7实现超简单的页面打印功能

效果3:点击确认后跳转谷歌或者其他浏览器自带的打印设置页面

dorado7实现超简单的页面打印功能

第一步:添加打印按钮 编写点击事件(dorado中function()省略)

var memberId =view.get("#dataSetMemberInfo.data:#").get("id");//获取参数
var width=Math.round((window.screen.availWidth-400)/2);//获取屏幕中间宽度

//在屏幕中间(左右)打开新的预览窗口

window.open ("cn.betatown.member.action.member.MemberInfoPrint.d?memberId="+memberId+"",'打印预览','height=950, width=700,top=0,left='+width+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no,fullscreen=yes');

注意:新窗口打开的位置(左右)通过 width 调整

第二步:新建xml页面,此页面的内容即为要打印的内容,要打印哪部分,就在这个页面添加哪个部分的内容(表单、表格、对话框·····),我是将 效果一 中的弹框整体复制到此新建页面

dorado7实现超简单的页面打印功能

    1.在新页面获取参数memberId的方法

dorado7实现超简单的页面打印功能

dorado7实现超简单的页面打印功能

dorado7实现超简单的页面打印功能

第三步:定义新建页打印按钮的点击事件(1.跳转至浏览器自带的打印设置页  2.关闭当前预览页 3.隐藏打印按钮)

dorado7实现超简单的页面打印功能

self.set("visible",false);//按钮隐藏
window.moveTo(0, 0);
window.resizeTo(screen.availWidth, screen.availHeight);
window.print();//打开打印设置页

window.close();//关闭当前预览页

注意:按钮需放在最外层dorado7实现超简单的页面打印功能