Lodop模版有两种方法，一种是传统的JS语句，可以用JS方法里的eval来执行，一种是文档式模版，是特殊格式的base64码，此篇博文介绍JS模版的加载和赋值。
两种模版都可以存入一下地方进行调用，比如数据库等。

JS模版的生成，可查看本博客的相关博文：Lodop的JS模版代码、文档式模版 生成加载赋值博文索引

关于该JS模版的加载，需要使用JS里的一个方法，eval()方法，该方法属于JS的范畴，并非lodop语句，有另一篇博文介绍这个JS方法：

前面那个Lodop的JS模版的生成，有几种方法，例如获取打印设计的返回值，返回的是带INIT初始化语句和打印项以及样式语句的代码。
该模版可当做字符串存入需要的地方，调用的时候，直接用eval()方法加载这个字符串。

JS模版赋值有两种
1.存的模版里，值本来就是变量，并非字符串，这种可以在加载模版前给变量赋一下值，例如：
LODOP.ADD_PRINT_TEXT(131,175,254,168,NR);//这是模版中该打印项的语句
加载模版前，给打印项赋值一下，例如：
var NR=新的值;
eval(整个模版的字符串);
这样里面的NR就是新的了。

2.存的模版里，值是字符串，原始字符串，并非变量，这种可以在加载模版后进行赋值修改值，例如：
LODOP.ADD_PRINT_TEXTA("neirong",131,175,254,168,"内容");//这是模版中该打印项的语句
加载模版后，给打印项赋值一下，例如：
eval(整个模版的字符串);
LODOP.SET_PRINT_STYLEA("neirong","CONTENT", 新的值);
注意：也可以根据序号等赋值，这里是根据打印项类名赋值，注意如果有同类名，会都被替换成新的值。

存是普通原始值，用content赋新值，测试代码：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="LodopFuncs.js"></script>

</head>

<body>

<textarea rows="10" id="S1" cols="98" >LODOP.PRINT_INIT("");

LODOP.ADD_PRINT_TEXT(50,252,101,41,"标题");

LODOP.SET_PRINT_STYLEA(0,"FontName","楷体");

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

LODOP.ADD_PRINT_TEXTA("zhuti",74,401,100,20,"主题");

LODOP.SET_PRINT_STYLEA(0,"FontName","楷体");

LODOP.ADD_PRINT_LINE(107,112,102,493,0,5);

LODOP.ADD_PRINT_TEXTA("neirong",131,175,254,168,"内容");

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

</textarea><br>

<a href="javascript:prn1_preview()">加载原始JS模版</a><br>

请输入标题： <input type="text" id="B1" size="5"> <br>

请输入主题： <input type="text" id="Z1" size="5"><br>

请输入内容： <input type="text" id="N1" size="50"><br>

<a href="javascript:prn2_preview()">加载页面输入的新内容的该JS模版</a>

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

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

    function prn1_preview(){

        LODOP=getLodop();

        eval(document.getElementById('S1').value);

        //LODOP.PRINT_DESIGN();

        LODOP.PREVIEW();

    };

    function prn2_preview(){

        LODOP=getLodop();

        eval(document.getElementById('S1').value);

        LODOP.SET_PRINT_STYLEA(1,"CONTENT", document.getElementById('B1').value); //根据序号赋值

        LODOP.SET_PRINT_STYLEA("zhuti","CONTENT", document.getElementById('Z1').value); //根据打印项类名赋值

        LODOP.SET_PRINT_STYLEA("neirong","CONTENT", document.getElementById('N1').value); //根据打印项类名赋值

        LODOP.PREVIEW();

        //注意，如果类名有重复的，赋值时所有相同类名的打印项的值都会被替换

    };

</script>

</body>

图示：

存的是变量的模版，测试代码：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>WEB打印控件LODOP</title>

<script language="javascript" src="LodopFuncs.js"></script>

</head>

<body>

<textarea rows="10" id="S1" cols="98" >

LODOP.PRINT_INIT("");

LODOP.ADD_PRINT_TEXT(50,252,101,41,BT);

LODOP.SET_PRINT_STYLEA(0,"FontName","楷体");

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

LODOP.ADD_PRINT_TEXTA("zhuti",74,401,100,20,ZT);

LODOP.SET_PRINT_STYLEA(0,"FontName","楷体");

LODOP.ADD_PRINT_LINE(107,112,102,493,0,5);

LODOP.ADD_PRINT_TEXTA("neirong",131,175,254,168,NR);

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

</textarea><br>

请输入标题： <input type="text" id="B1" size="5"> <br>

请输入主题： <input type="text" id="Z1" size="5"><br>

请输入内容： <input type="text" id="N1" size="50"><br>

<a href="javascript:prn1_preview()">加载直接变量赋值后内容</a>

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

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

    function prn1_preview(){

        LODOP=getLodop();

        var BT=document.getElementById('B1').value;

        var ZT=document.getElementById('Z1').value;

        var NR=document.getElementById('N1').value;

        eval(document.getElementById('S1').value);

        LODOP.PREVIEW();

    };

</script>

</body>

图示：

两者对比图：

注意，一个是在加打印项前赋值，一个是在加打印项后赋值。

LodopJS代码模版的加载和赋值的更多相关文章

  1. LodopJS文档式模版的加载和赋值

    Lodop模版有两种方法,一种是传统的JS语句,可以用JS方法里的eval来执行,一种是文档式模版,是特殊格式的base64码,此篇博文介绍文档式模版的加载,文档式模版的生成以及传统JS模版的生成加载 ...

  2. Lodop的JS模版代码、文档式模版 生成加载赋值博文索引

    Lodop获取全部JS代码,传统JS模版的生成.LODOP设置打印设计返回JS代码是变量 LodopJS代码模版的加载和赋值 Lodop生成文档式模版 LodopJS文档式模版的加载和赋值 由于加载J ...

  3. Django模版中加载静态文件配置详解

    .settings.INSTALLED_APPS下添加:django.contrib.staticfiles .settings.py下添加:STATIC_URL = '/static/' . ()在 ...

  4. Vue代码分割懒加载的实现方法

    什么是懒加载 懒加载也叫延迟加载,即在需要的时候进行加载,随用随载. 为什么需要懒加载 在单页应用中,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入首页时,需要加载的内容过多 ...

  5. java对象的方法属性和代码块的加载顺序

    1.静态变量 2.静态代码块 3.局部代码块 4.构造函数 5.普通代码块 6.静态方法 7.普通方法 8.普通属性 for example: package com.JavaTest2; publi ...

  6. [原创]Android Lollipop (5.0) 原生代码 Settings 首页加载逻辑分析

    主入口为com.android.settings.Settings. 这只是一个wrapper的类, 它继承于 SettingsActivity类,并且声明了一堆公有的继承于SettingsActiv ...

  7. 检测js代码是否已加载的判断代码

    该方法不局限于jQuery的检测,对与任何Javascript变量或函数都是通用的. 当前网页加载jQuery后,jQuery()或$()函数将会被定义,所以检测jQuery是否已经加载存在以下2种方 ...

  8. Python 植物大战僵尸代码实现: 图片加载和显示切换

    游戏介绍以前很火的植物大战僵尸游戏, 本想在网上找个python版本游戏学习下,无奈没有发现比较完整的,那就自己来写一个把.图片资源是从github上下载的,因为图片资源有限,只能实现几种植物和僵尸. ...

  9. Android5.1图库Gallery2代码分析数据加载流程

    图片数据加载流程. Gallery---->GalleryActivity------>AlbumSetPage------->AlbumPage--------->Photo ...

随机推荐

  1. python3.6在linux持久运行django

    最近线上运行一个OnlineJudgeServer的项目,通过python manage.py runserver 0.0.0.0:8090运行,如果关闭当前窗口,实际就相当于关闭了这个进程. 之前说 ...

  2. 初学Python—列表和元组

    一.什么是列表 列表是一系列数据的集合 二.列表的引用 首先定义一个列表 names=["alex","bob","alice"," ...

  3. Python脱产8期 Day10 2019/4/24

    一 函数 1.定义:完成 特定 功能的代码块,作为一个整体,对其进行特定的命名,该名字就代表函数>>工具. 2.函数的优点:1.避免代码的冗余:2.让程序结构代码更加清晰:3.让代码更加具 ...

  4. 后端list集合中的数据传递到前台HTML中显示（表格形式）

    关键字:web项目中前后台数据传递问题 在学习web项目的过程中,我们肯定会遇到前后台数据交换问题.这个问题我也思考了很久,今天借此总结一下.由于博主水平有限,如有不当之处,还请大家多多指正,,废话不 ...

  5. Java多线程（九）—— interrupt()和线程终止方式

    一.interrupt() 说明 interrupt()的作用是中断本线程.本线程中断自己是被允许的:其它线程调用本线程的interrupt()方法时,会通过checkAccess()检查权限.这有可 ...

  6. python：利用logbook模块管理日志

    日志管理作为软件项目的通用部分,无论是开发还是自动化测试过程中,都显得尤为重要. 最初是打算利用python的logging模块来管理日志的,后来看了些github及其他人的自动化框架设计,做了个比对 ...

  7. keystone系列二：HTTP协议

    一 为何要学习HTTP协议 http协议就是通信的双方共同遵守的标准,就好比要合伙办事的两家公司签署的合同. openstack中各组件是基于restful api通信的,restful api可以单 ...

  8. Java关键字(四)——final

    对于Java中的 final 关键字,我们首先可以从字面意思上去理解,百度翻译显示如下: 也就是说 final 英文意思表示是最后的,不可更改的.那么对应在 Java 中也是表达这样的意思,可以用 f ...

  9. HBuilder使用夜神模拟器调试Android应用

    由于HBuilder的扫描机制无法直接连上夜神模拟器.我搞了好久终于找到办法了,分享给大家. 首先,启动HBuilder和夜神模拟器 然后打开cmd命令提示符 cd进入夜神模拟器bin目录 执行以下命 ...

  10. 朱晔的互联网架构实践心得S1E5：不断耕耘的基础中间件

    朱晔的互联网架构实践心得S1E5:不断耕耘的基础中间件 [下载本文PDF进行阅读] 一般而言中间件和框架的区别是,中间件是独立运行的用于处理某项专门业务的CS程序,会有配套的客户端和服务端,框架虽然也 ...