Web打印的解决方案之普通报表打印

最新推荐文章于 2020-12-28 20:09:19 发布

叶琛

最新推荐文章于 2020-12-28 20:09:19 发布

阅读量449

点赞数

分类专栏： javascript 前端技术文章标签：报表 web javascript function stylesheet html

javascript 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

前端技术

5 篇文章 0 订阅

订阅专栏

发现一个比较好的打印控件，支持各种格式的打印，还有我关心的证件套打功能，功能强大，使用也很简单的，非常值得推荐。

控件的相关地址：

控件下载主页：http://mt.runon.cn/index.html

控件博客介绍：http://blog.sina.com.cn/s/articlelist_1340389911_0_1.html

应用这个控件，普通报表的打印效果如下所示：

上面两个报表的打印其实都差不多，都是打印部分的HTML内容，不过后者看起来要好一点，而且提供很完善的报表功能设置。

代码大致如下所示。

<script language="javascript">
        function Print(preview) {
            var text = document.getElementById("content").innerHTML;
            printConten(preview, text);
        }
    </script>
    
    <script language="javascript" src="http://www.cnblogs.com/Scripts/CheckActivX.js"></script>
    <object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> </object> 
    <script language="javascript">
        var LODOP = document.getElementById("LODOP"); //这行语句是为了符合DTD规范
        CheckLodop();
    </script>
    <script language="javascript" type="text/javascript">

        function Preview() {//打印预览
            CreateLicenseData();
            LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE", 1);
            LODOP.PREVIEW();
        };
        function Setup() {//打印维护 给用户调整位置
            CreateLicenseData();
            LODOP.PRINT_SETUP();
        };
        function Design() {//打印设计 开发人员设置内容和位置
            CreateLicenseData();
            LODOP.PRINT_DESIGN();
        };

        function CreateLicenseData() {
            LODOP.PRINT_INIT("查询报表");
            LODOP.ADD_PRINT_HTM(20, 40, 610, 900, document.all("content").innerHTML);
            LODOP.PREVIEW();
        }
    </script>

很多时候，我们也没的内容，都是通过CSS来控制美观的，所以有时候，我们打印部分HTML，没有这些样式的话，那么出来的Table格式和字体，可能都会发生变化，不太好看。那么就需要进行HTML的样式设置。

如果给打印内容设置了样式，那么出来的界面效果就好很多了。

设置样式的代码如下所示。

<script language="javascript" type="text/javascript">

        function Preview() {//打印预览
            CreateLicenseData();
            LODOP.SET_SHOW_MODE("PREVIEW_IN_BROWSE", 1);
            LODOP.PREVIEW();
        };

        function CreateLicenseData() {
            LODOP.PRINT_INIT("申请处理单");
            var strBodyStyle = "<link type='text/css' rel='stylesheet' href='http://www.cnblogs.com/Themes/Default/style.css' /><style><!--table { border:1;background-color: #CBCBCC } td {background-color:#FFFFFE;border: 1; } th { background-color:#F1F1F3;padding-left:5px;border:1}--></style>";
            var strFormHtml = strBodyStyle + "<body>" + document.getElementById("content").innerHTML + "</body>";
            LODOP.ADD_PRINT_HTM(20, 40, 610, 900, strFormHtml);
            LODOP.PREVIEW();
        }
    </script>

叶琛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web打印的解决方案之普通报表打印

发现一个比较好的打印控件，支持各种格式的打印，还有我关心的证件套打功能，功能强大，使用也很简单的，非常值得推荐。控件的相关地址：控件下载主页：http://mt.runon.cn/index.html控件博客介绍：http://blog.sina.
复制链接

扫一扫