欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

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

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

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

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

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

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

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

<div id="testhtmDiv">
修改后的打印設(shè)計的返回打印代碼:
<p><textarea rows="12" id="S2" cols="107" ></textarea><br>
</div>
<input type="button" class="btn2" value="進(jìn)入設(shè)計反復(fù)修改" onclick="TestHtmDes()"><input type="button" class="btn2" value="復(fù)原重新原始html代碼進(jìn)入設(shè)計" 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 編輯過
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點晴ERP是一款針對中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國內(nèi)大量中小企業(yè)的青睞。
點晴PMS碼頭管理系統(tǒng)主要針對港口碼頭集裝箱與散貨日常運作、調(diào)度、堆場、車隊、財務(wù)費用、相關(guān)報表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點,圍繞調(diào)度、堆場作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號管理軟件。
點晴免費OA是一款軟件和通用服務(wù)都免費,不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved