LodopJS文档式模版的加载和赋值
Lodop模版有两种方法,一种是传统的JS语句,可以用JS方法里的eval来执行,一种是文档式模版,是特殊格式的base64码,此篇博文介绍文档式模版的加载,文档式模版的生成以及传统JS模版的生成加载赋值等,可查看本博客其他博文。Lodop的JS模版代码、文档式模版 生成加载赋值博文索引
加载文档式模版的方法是:
LODOP.ADD_PRINT_DATA("ProgramData",模版字符串); //装载模板
赋值方法和前面JS模版的第二种赋值方式一样,加载模版后赋值。
LODOP.SET_PRINT_STYLEA(类名序号等,"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" >
@J0yHEH1QG1IBIS0APyMOGSISCGDAPt0XJ1OFGyECHS0APxyHEH1DLJ5yoSODIRj9ZN0XFIESGGR9AwZAPxyHEH0lCGRjZD0XFIESGGZ9ZwxAPxyHEH00CGxAPt0XJ1OFGxkSEyEqQDcWIRIAHTShMJkDHSEZCGNAPxyHEH0kCGH3QDcWIRIAZw01Aj0XFIESGGZ9AGpAPxyHEH00CGV2QDbAPygDHx5KFHEHFS0APxyHEH1DLJ5yoSODIRj9BQNjQDcWIRIAZG0lBGtAPxyHEH0lCGV5BN0XFIESGGZ9Zwx4QDcWIRIAAQ0mAwLAPt0XJ1OFGxuSFHqVIS0APxyHEH1DLJ5yoSODIRj9AwNjQDcWIRIAZG0lZN0XFIESGGV9ZwNAPxyHEH0mCGVjQDcWIRIAAQ0kZmpAPt0XJ1OFGyOSGyqWESEVKD0XFIESGGD9ZD0XQDcoHSWBH0uOHRIHJIOSKD0XFIESGGD9Zt0XQDcoD0kOH1AWGxESJS0APxyHEH0kCGVAPxyHEH0lCGVAPxyHEH0mCGVAPxyHEH00CGZAPt0XJ0AioaEyoaEqQDcWIRIAHTShMJkDHSEZCIEgBISwoJk1MRMFnTZlqR9MImSfQDcWIRIAZG01Jay3AIblDD0XFIESGGV9AGIGZGMYX2DAPxyHEH0mCGIuMID1JxABQDbAPygcqTIgozSgMI0APxyHEH0kCHEnQDcWIRIAZw1RFN0XFIESGGZ9JR0APt0XJ1A0rJkyGzSgMKAmKD0XFIESGGR9nKEyoJ5uoJH7QDcWIRIAZw1cqTIgozSgMGfAPxyHEH0mCJy0MJ1hLJ1yBj0XJ0yHEH1SGxEqQDb=
</textarea><br>
<a href="javascript:prn1_preview()">加载原始文档式模版</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()">加载页面输入的新内容的该文档式模版</a>
<script language="javascript" type="text/javascript">
var LODOP; //声明为全局变量
function prn1_preview(){
LODOP=getLodop();
LODOP.ADD_PRINT_DATA("ProgramData",document.getElementById('S1').value); //装载模板
//LODOP.PREVIEW();
LODOP.PRINT_DESIGN();
};
function prn2_preview(){
LODOP=getLodop();
LODOP.ADD_PRINT_DATA("ProgramData",document.getElementById('S1').value); //装载模板
LODOP.SET_PRINT_STYLEA("XM","CONTENT", document.getElementById('B1').value); //根据打印项类名赋值
LODOP.SET_PRINT_STYLEA("DZ","CONTENT", document.getElementById('Z1').value); //根据打印项类名赋值
LODOP.SET_PRINT_STYLEA("DH","CONTENT", document.getElementById('N1').value); //根据打印项类名赋值
LODOP.PREVIEW();
//注意,如果类名有重复的,赋值时所有相同类名的打印项的值都会被替换
};
</script>
</body>
图示:
文档式模版是特殊base64码,这里先把打印预览临时改成打印设计,在打印设计里的生成代码里查看下JS代码模版,通过JS代码和左侧打印项列表,直观的看到设计了哪些打印项。
LodopJS文档式模版的加载和赋值的更多相关文章
- Lodop的JS模版代码、文档式模版 生成加载赋值博文索引
Lodop获取全部JS代码,传统JS模版的生成.LODOP设置打印设计返回JS代码是变量 LodopJS代码模版的加载和赋值 Lodop生成文档式模版 LodopJS文档式模版的加载和赋值 由于加载J ...
- LodopJS代码模版的加载和赋值
Lodop模版有两种方法,一种是传统的JS语句,可以用JS方法里的eval来执行,一种是文档式模版,是特殊格式的base64码,此篇博文介绍JS模版的加载和赋值.两种模版都可以存入一下地方进行调用,比 ...
- 如何在word文档中添加mathtype加载项
MathType是强大的数学公式编辑器,通常与office一起使用,mathtype安装完成后,正常情况下会在word文档中的菜单中自动添加mathtype加载项,但有时也会出现小意外,mathtyp ...
- Lodop生成文档式模版
Lodop模版有两种方法,一种是传统的JS语句,可以用JS方法里的eval来执行,一种是文档式模版,是特殊格式的base64码,此篇博文介绍文档式模版的生成方法.两种模版都可以存入一下地方进行调用,比 ...
- Django模版中加载静态文件配置详解
.settings.INSTALLED_APPS下添加:django.contrib.staticfiles .settings.py下添加:STATIC_URL = '/static/' . ()在 ...
- 【Chromium中文文档】多进程资源加载
多进程资源加载(需要更新) 转载请注明出处:https://ahangchen.gitbooks.io/chromium_doc_zh/content/zh//General_Architecture ...
- Python批量创建word文档(2)- 加图片和表格
Python创建word文档,任务要求:小杨在一家公司上班,每天都需要给不同的客户发送word文档,以告知客户每日黄金价格.要求在文档开始处给出banner条,价格日期等用表格表示.最后贴上自己的联系 ...
- 编写简单的 NT 式驱动程序的加载与卸载工具
写驱动的加载需要用到五个函数: OpenSCManager() CreateService() OpenService() StartService() CloseServiceHandle() 这五 ...
- C++第三十八篇 -- 研究一下Windows驱动开发(二)--WDM式驱动的加载
基于Windows驱动开发技术详解这本书 一.简单的INF文件剖析 INF文件是一个文本文件,由若干个节(Section)组成.每个节的名称用一个方括号指示,紧接着方括号后面的就是节内容.每一行就是一 ...
随机推荐
- go不使用工具包将大写字符转成小写字符的方法
package main import ( "fmt" ) func main() { str := "hellOWorlD" //返回str is all l ...
- Flink 集群运行原理兼部署及Yarn运行模式深入剖析
1 Flink的前世今生(生态很重要) 原文:https://blog.csdn.net/shenshouniu/article/details/84439459 很多人可能都是在 2015 年才听到 ...
- CAS5.X 集群配置 初版
基础版 cas-overlay pom.xml <?xml version="1.0" encoding="UTF-8"?> <projec ...
- vim 正则非贪婪模式
比如多匹配使用 .* 效果自然是贪婪模式,JS 的非贪婪很简单,是 .*? 即可,而 vim 不同,语法是 .\{-},注意 \ 转义.
- webpack 中版本兼容性问题错误总结
一定不要运行npm i XXX -g(-d) 一定要指定版本,尽量低版本,也不最新版本,会导致不兼容和指令不一样的问题. 1.安装webpack-dev-server 报错,说需要webpack- ...
- vue prop 传递数据
prop 组件实例的作用域是孤立的.这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据.要让子组件使用父组件的数据,需要通过子组件的 props 选项 一个组件默认可以拥有任意数量的 p ...
- Achievements
看了Suma,觉得懂了85%以上. 两个月可以学这么多.方法是不懂的就学就行了. 最近学了:字符串,网络流,线段树,斯特林反演,多项式与生成函数,一些数论等.
- Full Regularization Path for Sparse Principal Component Analysis
目录 背景 Notation Sparse PCA Semidefinite Relaxation Low Rank Optimization Sorting and Thresholding 背景 ...
- 2018湘潭邀请赛C题(主席树+二分)
题目地址:https://www.icpc.camp/contests/6CP5W4knRaIRgU 比赛的时候知道这题是用主席树+二分,可是当时没有学主席树,就连有模板都不敢套,因为代码实在是太长了 ...
- PS制作恐怖逼真滴血文字
序言:各位同学们好,今天给大家带来一例恐怖逼真滴血文字效果的制作教程,本人比较喜欢看恐怖游戏,是看不是玩,然后就突发奇想地做了这件作品,最后的效果我很喜欢,而且制作起来难度并不大,在此分享自己在作图时 ...