lodop打印控件 功能实战

lodop插件

参考网址  http://www.lodop.net  附开发文档 简单明了

 

打印预览 打印维护 打印设计功能的添加与操作

需求:前端进行添加文本输入框  并且与lodop进行绑定设计

当前端文本输入框输入完成之后 点击打印预览 可预览打印效果  打印维护 可进行文本框的拖动 打印设计不向客户开放 后台开发者使用

 

导入lodop官方js文件 

 

前端增加文本框:

 

 

添加完成之后 绑定所属文本框id 以便进行下一步操作

 

增加打印预览 打印设计按钮

 

 

js 文件中 初始化lodop 并设置值 详情请参考lodop开发文档

 

 

其中set_print_mode 设置打印预览缩放范围

preview为预览属性  print_setup为设计属性  design为开发属性

CreateOneFormPage 内进行输入文本框的关联绑定 

代码详情 请根据lodop打印设计 自动生成代码功能