LODOP之票据连续套打笔记<二>
接着上一篇博文,继续说说关于lodop,关于模板设计及相关的这里不多说了,上一篇博文最下面的推荐可以看看,说的很比较清楚,今天说说我在项目中运用套打实现分页预览和打印的,
之前弄lodop打印的时候发现如果要分页的话,结果你点打印预览的时候会吃出现已经有预览也打开了,也就是说,当时的分页打印只能预览一张,最后在lodop的官方实例中找到相关解决办法。
function prn1_preview() { //打印预览的方法
LODOP=getLodop();
LODOP.PRINT_INIT(0,-1,1177,600,"");
LODOP.SET_PRINT_PAGESIZE(1,"977mm","524mm","");//设置纸张高度, 实现分页打印
LODOP.ADD_PRINT_SETUP_BKIMG("C:\\Users\\44806\\Desktop\\销货清单套打样板.png");
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);
LODOP.SET_SHOW_MODE("BKIMG_PRINT",true);
//连续打印几页 arr数组是我从数据库读取出来的数据
var totalPageCount = arr.length / 6;
for(var i = 0; i < totalPageCount; i++){
//每次截取6条数据
if(totalPageCount > 1){ //需要分页
//每次截取6个
printArr = arr.slice(i*6,i*6+6); //截取每页打印的数量
}else{
printArr = arr;
}
//分页打印
CreateOneFormPage(printArr);
}
LODOP.PREVIEW();
};
function CreateOneFormPage(printArr){ //创建数据的方法
LODOP.ADD_PRINT_TEXT(40,873,146,20,"AOI020170620000001");
LODOP.ADD_PRINT_TEXT(73,542,161,20,"北京益友汇科技有限公司");
LODOP.ADD_PRINT_TEXT(397,867,100,20,"2017-06-20");
LODOP.ADD_PRINT_TEXT(397,749,60,20,"张三");
LODOP.ADD_PRINT_TEXT(333,232,368,20,"玖拾万元整");
var len = 34; //多条记录打印
for(var i = 0; i < printArr.length; i++){ //每页最多打印六条
LODOP.ADD_PRINT_TEXT(133 + (i * len),113,103,20,printArr[i].prodName);
LODOP.SET_PRINT_STYLEA(0,"FontSize",7);
LODOP.ADD_PRINT_TEXT(133 + (i * len),218,85,20,printArr[i].prodSpecifications);
LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
LODOP.ADD_PRINT_TEXT(133 + (i * len),318,40,20,printArr[i].prodMaxUnitName);
LODOP.ADD_PRINT_TEXT(133 + (i * len),365,55,20,"1500.00");
LODOP.ADD_PRINT_TEXT(133 + (i * len),427,50,20,"100");
LODOP.ADD_PRINT_TEXT(133 + (i * len),497,70,20,"1500");
LODOP.ADD_PRINT_TEXT(133 + (i * len),604,75,20,"1400");
LODOP.ADD_PRINT_TEXT(133 + (i * len),707,87,20,"150000.00");
}
LODOP.NEWPAGEA(); //分页
};
这样就可以进行分页打印预览了,我可能描述的不清楚,有问题可以在下面提问。
LODOP之票据连续套打笔记<二>的更多相关文章
- LODOP之票据连续套打笔记<一>
之前项目中需要使用套打,费了半天劲,最后找到LODOP,整体感觉还是不错,简单,满足大多数web套打 这是我项目中需要打印的票据 该票据每张做多显示6条数据,数据超过6条的时候需要进行分页打印,当时做 ...
- Lodop实现web套打
WEB套打可选方案不多,理想的更少,利用免费控件Lodop+JavaScript实现精确套打,算是较为经典的选择.这种方案其实比较简单,利用一个htm文件就可以实现模板设计过程,几乎是“空手套”式的开 ...
- 手把手教你WEB套打程序开发
WEB套打可选方案不多,理想的更少,利用免费控件Lodop+JavaScript实现精确套打,算是较为经典的选择.这种方案其实比较简单,利用一个htm文件就可以实现模板设计过程,几乎是“空手套”式的开 ...
- lodop 控件实现web打印功能
WEB套打可选方案不多,理想的更少,利用免费控件Lodop+JavaScript实现精确套打,算是较为经典的选择.这种方案其实比较简单,利用一个htm文件就可以实现模板设计过程,几乎是“空手套”式的开 ...
- 工具系列 | 使用Lodop进行WEB打印程序开发
Lodop(标音:劳道谱,俗称:露肚皮)是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现 复杂打印.控件功能强大,却简单易用,所有调用如同JavaScript扩展语句. WEB套打可 ...
- Android开发自学笔记(基于Android Studio1.3.1)—1.环境搭建(转)
一.引言 本套学习笔记的开发环境是Windows 10 专业版和Android Studio 的最新版1.3.1. Android Studio 是一个Android开发环境,基于Intelli ...
- lodop打印收费小票
//收费系统打印机功能:收费/退费,需要使用到lodop var LODOP;//打印机 $(function () { //初始化 $("body").append('<o ...
- Aurora学习笔记连载一:仿真平台搭建
由于公司项目需要,需要学习Aurora协议,才有了这样的连载学习笔记,也算是对自己学习的一份记录吧. 对于Aurora是什么,大家自行百度. 当然,Kevin也在此先提醒大家,本套学习笔记不是你想学就 ...
- lintcode_397_最长上升连续子序列
最长上升连续子序列 描述 笔记 数据 评测 给定一个整数数组(下标从 0 到 n-1, n 表示整个数组的规模),请找出该数组中的最长上升连续子序列.(最长上升连续子序列可以定义为从右到左或从左到 ...
随机推荐
- 封装GCD以及介绍如何使用
研究GCD有一段时间,翻译了多篇文章,找了很多的资料,看了很多官方文档,看起来很难,实际上很简单,本人一一进行讲解怎么使用. 支持ARC以及非ARC,无论在ARC环境还是在非ARC环境,都需要调用di ...
- win彩 百款皮肤任选任换.可视化
- bootstrap实例 之 响应式表格-----2017-05-15
Bootstrap 的响应式 CSS 能够自适应于台式机.平板电脑和手机,现在就bootstrap的响应式举一个例子: 如上图所示,要实现该表格在手机等移动端上只显示代号.名称.和价格,其他以查看详情 ...
- Dockerfile 常用指令 - 每天5分钟玩转 Docker 容器技术(16)
是时候系统学习 Dockerfile 了.下面列出了 Dockerfile 中最常用的指令,完整列表和说明可参看官方文档. FROM指定 base 镜像. MAINTAINER设置镜像的作者,可以是任 ...
- 在web项目启动时,使用监听器来执行某个方法
在web项目中有很多时候需要在项目启动时就执行一些方法,而且只需要执行一次,比如:加载解析自定义的配置文件.初始化数据库信息等等,在项目启动时就直接执行一些方法,可以减少很多繁琐的操作. 这里写了个简 ...
- MyBatis源码解读(1)——SqlSessionFactory
在前面对MyBatis稍微有点了解过后,现在来对MyBatis的源码试着解读一下,并不是解析,暂时定为解读.所有对MyBatis解读均是基于MyBatis-3.4.1,官网中文文档:http://ww ...
- ionic2 使用 cordova 打包成安卓apk
准备工作: 1.下载java sdk 配置好java 环境 2.下载android sdk 跟 android studio 并配置好环境 1.查看平台支持,添加android平台 首先命令提示符进入 ...
- 求一个整数数组最大子数组之和,时间复杂度为N
#include<iostream.h> int main () { ]={-,-,-,-,-,-,-,-,-,-}; ],sum=; ;i<;i++) { ) { sum=b[i] ...
- SVN如何迁移到Git?
最近在使用华为软件开发云进行开发项目管理,目前华为软件开发云支持500M的免费项目空间,而且还可以在线编译和构建,不用担心开发环境和生产环境的不同,很好的体现了DevOps的开发理念. 之前一直是用s ...
- vuex所有核心概念完整解析State Getters Mutations Actions
vuex是解决vue组件和组件件相互通信而存在的,vue理解起来稍微复杂但一旦看懂择即为好用 安装: npm install --save vuex 引入 import Vuex from 'vuex ...