Lodop6 以上打印控件使用，详参考自带说明文档，打印样式及文字大小要特殊设置一下


    <link href="../css/cssprint.css" rel="stylesheet" />

    <script src="../Lodop/LodopFuncs.js"></script>

    <style id="style1">

table {

    font-size: 9pt;

    font-weight: normal;

    color: #000000 ;

    text-decoration: none;

}

td {

    font-size: 9pt;

    font-weight: normal;

    color: #000000 ;

    text-decoration: none;

}

.printfont{


font-size: 9pt;

    font-weight: normal;

    color: #000000 ;

    text-decoration: none;


}

</style>


<script  type="text/javascript">

        var LODOP; //声明为全局变量


function PreviewMytable() {

            LODOP = getLodop();

            LODOP.PRINT_INIT("预览打印表格");

            LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "A4");


LODOP.ADD_PRINT_TEXT(10, 410, 300, 30, "国  电  吉  林  热  电  厂")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 14);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 1);


LODOP.ADD_PRINT_TEXT(60, 20, 550, 50, "单位：<%=DropDownList1.SelectedItem.Text.ToString()%> (<%=numPerson%>人)")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 1);


LODOP.ADD_PRINT_TEXT(55, 370, 550, 50, "<%=DropDownList3.SelectedItem.Text.ToString()%> 年 <%=DropDownList4.SelectedItem.Text.ToString()%> 月 份 考 勤 记 录 簿")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 16);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 1);


LODOP.ADD_PRINT_TEXT(60, 800, 150, 30, "<%=DropDownList3.SelectedItem.Text.ToString()%>年 <%=DropDownList4.SelectedItem.Text.ToString()%>月<%=monthLastDay%>日")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 1);


LODOP.ADD_PRINT_TEXT(740, 80, 250, 30, "注：出勤“/”，串休“φ”。")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 10);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 0);


LODOP.ADD_PRINT_TEXT(740, 510, 120, 30, "单位领导：")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 10);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 0);


LODOP.ADD_PRINT_TEXT(740, 850, 120, 30, "考勤员：")

            LODOP.SET_PRINT_STYLEA(0, "ItemType", 1);

            LODOP.SET_PRINT_STYLEA(0, "FontSize", 10);

            LODOP.SET_PRINT_STYLEA(0, "Bold", 0);


var strBodyStyle = "<style>" + document.getElementById("style1").innerHTML + "</style>";

            var strFormHtml = strBodyStyle + "<body>" + document.getElementById("div1").innerHTML + "</body>";

            LODOP.ADD_PRINT_TABLE(80, 15, "28cm", "17cm", strFormHtml);

            LODOP.SET_PRINT_STYLEA(0, "TableHeightScope",1);

            LODOP.PREVIEW();

        };


</script>

关键这句

var strBodyStyle = "<style>" + document.getElementById("style1").innerHTML + "</style>";

var strFormHtml = strBodyStyle + "<body>" + document.getElementById("div1").innerHTML + "</body>";

把样式带进来

Lodop6 以上打印控件使用，详参考自带说明文档，打印样式及文字大小要特殊设置一下,码迷,mamicode.com

时间： 2024-10-13 17:43:29

Lodop6 以上打印控件使用，详参考自带说明文档，打印样式及文字大小要特殊设置一下的相关文章

lodoop打印控件详解

注意:使用此打印控件需要引入(在我上传的Demo中都有): install_lodop32.exe install_lodop64.exe LodopFuncs.js jquery-1.10.0.min.js 具体Demo下载地址: http://download.csdn.net/download/l294333475/7697807 <%@ page language="java" import="java.util.*" pageEncoding=&qu

基于MVC+EasyUI的Web开发框架经验总结（16）--使用云打印控件C-Lodop打印页面或套打报关运单信息

在最新的MVC+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于之前介绍LODOP不兼容Chrome等浏览器,因此曾经想放弃这个控件的打印处理,不过他们及时推出了"云打印控件C-Lodop",而且对之前的接口几乎完全兼容,因此在框架里也继续沿用了这个控件来进行相关的打印处理,包括常规的打印和运单信息套打等处理. 1.控件的安装 这个云控件C-Lodop(

云打印控件

基于MVC4+EasyUI的Web开发框架经验总结(16)--使用云打印控件C-Lodop打印页面或套打报关运单信息 在最新的MVC4+EasyUI的Web开发框架里面,我整合了关于网购运单处理的一个模块,其中整合了客户导单.运单合并.到货扫描.扣仓.出仓.查询等各个模块的操作,里面涉及到一些运单套打的操作,不过由于之前介绍LODOP不兼容Chrome等浏览器,因此曾经想放弃这个控件的打印处理,不过他们及时推出了“云打印控件C-Lodop“,而且对之前的接口几乎完全兼容,因此在框架里也继续沿用了

Lodop打印控件

首先引用js 4 <script type="text/javascript" src="jquery.min.js"></script> 5 <script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script> 6 <script type="

网页WEB打印控件制作-开放源码

在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的一件事件,本文将自己开发编写的C# 制作的HTML打印插件分享出来,让有同样需求的朋友提供一个参考:此插件是基于Microsoft .NET Framework 2.0 开发的,缺点是每台客户端在安装插件时,必须要安装Microsoft .NET Framework 2.0 :本插件能实现 页眉.页脚.表头.标题.表尾的分

WebBrowser控件使用详解

WebBrowser控件使用详解 方法 说明 GoBack 相当于IE的“后退”按钮,使你在当前历史列表中后退一项 GoForward 相当于IE的“前进”按钮,使你在当前历史列表中前进一项 GoHome 相当于IE的“主页”按钮,连接用户默认的主页 GoSearch 相当于IE的“搜索”按钮,连接用户默认的搜索页面 Navigate 连接到指定的URL Refresh 刷新当前页面 Refresh2 同上,只是可以指定刷新级别,所指定的刷新级别的值来自RefreshConstants枚举表, 

网页WEB打印控件制作 开放源码可以调试

在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的一件事件,本文将自己开发编写的C# 制作的HTML打印插件分享出来,让有同样需求的朋友提供一个参考:此插件是基于Microsoft .NET Framework 2.0 开发的,缺点是每台客户端在安装插件时,必须要安装Microsoft .NET Framework 2.0 :本插件能实现 页眉.页脚.表头.标题.表尾的分

网页WEB打印控件制作

在WEB系统中,打印的确是比较烦人的问题,如果我们能制作一个属于自己的自定义的打印插件,那么我们在后续自定义打印的时候能随心所欲的控制打印,这样的效果对于程序员来说是非常开心的一件事件,本文将自己开发编写的C# 制作的HTML打印插件分享出来,让有同样需求的朋友提供一个参考:此插件是基于Microsoft .NET Framework 2.0 开发的,缺点是每台客户端在安装插件时,必须要安装Microsoft .NET Framework 2.0 :本插件能实现 页眉.页脚.表头.标题.表尾的分

Lodop打印控件传入css样式、看是否传入正确样式

Lodop中可以传入页面存在的css样式,也可以是拼接后的新样式,例如本博客的其他博文:Lodop打印如何隐藏table某一列 需要打印的页面,样式不一定都是行内样式,style样式单独写在页面上,或引用的是.css文件等情况,使用Lodop打印控件进行打印超文本的时候,要注意把样式也传进去.可参考LODOP官网的样例10(或下载中心综合版里自带的样例10),如图,就是该样例的几种引用css样式的方式: 引入之后,可以通过打印设计(PRINT_DESIGN) 选中超文本打印项-右键-把查看到的超