狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

LODOP控件如何使用打印設計模式開發(fā)WEB頁面打印功能

admin
2023年9月28日 1:38 本文熱度 848

打印設計是給開發(fā)人員使用的工具,用打印設計輔助開發(fā)后,打印設計的界面本身的菜單下,可以生成代碼,然后把對應的內(nèi)容信息補充上,拷貝到自己的頁面的JS里或存起來,作為模版使用。

也可以關閉打印設計,可返回設計好的JS代碼。這種返回的是全部的JS代碼。Lodop獲取全部JS代碼,傳統(tǒng)JS模版的生成LodopJS文檔式模版的加載和賦值
如果一次沒有設計完, 或者設計完后發(fā)現(xiàn)有問題,需要修改,還要把代碼拷到頁面里,然后再反復進行設計。
還有內(nèi)容出問題的時候,需要刪減排查,刪減的時候,如果不是一點點刪減,逐漸縮小區(qū)域。如果由設計網(wǎng)頁的人員進行刪減排查,可以找到出問題的樣式所在區(qū)域,如果不是設計該網(wǎng)頁的人員,網(wǎng)頁往往有加載很多外部鏈接的css樣式,要查哪些樣式的位置,就不是很容易,很花時間。
排查非自己的html代碼時,可以逐個或逐個區(qū)域刪除外部css鏈接,先找到需要排查的樣式在哪個外部css樣式鏈接里。

在用打印設計時,可以用反復進行設計,這樣不用復制代碼到頁面JS里去再進行設計。
反復設計模版,也就是把設計的返回值放入文本框,然后再從文本框中加載模版,這樣不停的放返回值,不停的加載模版。
可以:1.一次設計不完善,關了之后,再在頁面調(diào)用設計。
2.排查某段html或css樣式,原始代碼進入后,刪減內(nèi)容,刪減后發(fā)現(xiàn)刪減錯了,直接點擊再載入原始代碼。發(fā)現(xiàn)刪減有效果,關閉后,也可以過一會再去刪減排查。

調(diào)試html和css操作流程:
該頁面共有三個按鈕,有兩個調(diào)用的方法都是一樣的,都是加載原始的html信息。
1.把需要測試的html信息放入第一個文本框,然后點第一個下面的打印設計,進行初次修改排查。
2.修改一段時間后,想過會在改,關閉打印設計窗口,去干其他事情。這時候修改后的代碼會返回到第二個文本框里。
3.干完其他事情后,再點第二個文本框下方的反復打印設計,進入設計,然后再改,如果中途有其他事情,可以重復2,3多次,打印設計里不斷修改,再不斷預覽,中途需要可關閉。
PS:如果中途發(fā)現(xiàn)刪減的區(qū)域包含了問題內(nèi)容部分,需要更精確的定位問題內(nèi)容所在位置,可點擊加入原始html,就可以再次進入原始html信息,然后把不需要的區(qū)域刪除,在上次刪減區(qū)域里,再刪減,找到更加細的位置,最后定位到哪些html或樣式內(nèi)容引起的。

測試頁面:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
<link href="css/stylecss1.css" type='text/css' rel="stylesheet">    
</head>
<body id="bodyA1">
<div id="header">
<div id="head1"></div>
</div>

<div id="testhtmDiv">
輸入需要測試的原始html代碼:
<p><textarea rows="12" id="S1" cols="107" ></textarea><br>
</div>
<input type="button" class="btn2" value="原始html代碼進入設計" onclick="prn1_design()">

<div id="testhtmDiv">
修改后的打印設計的返回打印代碼:
<p><textarea rows="12" id="S2" cols="107" ></textarea><br>
</div>
<input type="button" class="btn2" value="進入設計反復修改" onclick="TestHtmDes()"><input type="button" class="btn2" value="復原重新原始html代碼進入設計" onclick="prn1_design()">
<br><br><br>
<div id="footer"><img src="./images/lodopfoot.png"></div>
<script language="javascript" type="text/javascript">  
       var LODOP; //聲明為全局變量
       function htmlcontent(){        
       LODOP
=getLodop();                
       LODOP.PRINT_INIT(
"");
       LODOP.ADD_PRINT_HTM(
0,0,"100%","100%",document.getElementById("S1").value);            
   };
       
function TestHtmDes(){                        
       LODOP
=getLodop();
       eval(document.getElementById(
'S2').value);
       
if (LODOP.CVERSION)
       CLODOP.On_Return
=function(TaskID,Value){document.getElementById('S2').value=Value;};
       document.getElementById(
'S2').value=LODOP.PRINT_DESIGN();  
   };
   
function prn1_design() {
       htmlcontent();
       
if (LODOP.CVERSION)
       CLODOP.On_Return
=function(TaskID,Value){document.getElementById('S2').value=Value;};
       document.getElementById(
'S2').value=LODOP.PRINT_DESIGN();    
   };
</script>  
</body>

圖示:


該文章在 2023/9/28 1:38:49 編輯過
關鍵字查詢
相關文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務費用、相關報表等業(yè)務管理,結合碼頭的業(yè)務特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved