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

LOGO OA教程 ERP教程 模切知識交流 PMS教程 CRM教程 開發文檔 其他文檔  
 
網站管理員

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

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

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

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

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

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

測試頁面:

<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是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。
點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理,結合碼頭的業務特點,圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體,是物流碼頭及其他港口類企業的高效ERP管理信息系統。
點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務都免費,不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。
Copyright 2010-2025 ClickSun All Rights Reserved