&

LODOP控件統(tǒng)計table自動分頁后的每頁的某列合計值開發(fā)設(shè)計

admin

2023年9月28日 1:55 本文熱度 719

LODOP中超文本會根據(jù)打印項高度或超過紙張，自動分頁。（相關(guān)博文：Lodop打印控件超文本自動分頁、LODOP中ADD_PRINT_TABLE、HTM、HTML表格自動分頁測試、Lodop打印表格帶頁頭頁尾自動分頁每頁顯示頭尾）。

統(tǒng)計某頁的某列合計值用到的：
1.必須用ADD_PRINT_TABLE語句輸出表格。
2.用tindex指定需要統(tǒng)計的列。
3.tdata="SubSum"，這個是統(tǒng)計當前頁的合計。
4.format="UpperMoney"則為大寫。

代碼：

<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>
<div id="d1">
<table border=1 style="border-collapse:collapse;" >
<thead>
<tr>
    <td style="width:60px;">名稱</td>
    <td style="width:40px;">數(shù)量</td>
    <td colspan="4" style="width:500px;">單個金額本頁合計</td>
</tr>
</thead>
<tr>
    <td style="width:60px;">A類</td>
    <td style="width:40px;">1</td>
    <td colspan="4" style="width:500px;">30</td>
</tr>
<tr>
    <td style="width:60px;">B類</td>
    <td style="width:40px;">5</td>
    <td colspan="4" style="width:500px;">34</td>
</tr>
<tr>
    <td style="width:60px;">C類</td>
    <td style="width:40px;">2</td>
    <td colspan="4" style="width:500px;">443</td>
</tr>
<tfoot>
<tr>
    <td style="width:60px;">合計</td>
    <td style="width:40px;" tindex="2" tdata="SubSum">#####</td>
     <td style="width:100px;" >單頁金額總計</td>
    <td style="width:100px;"tindex="3" tdata="SubSum">####</td>
    <td style="width:100px;" >單頁金額總計的大寫</td>
    <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td>
</tr>
</table>
<br>
</tfoot>
</div>
<a href="javascript:prn1_preview()">表格寬度是否固定</a><br>
<script language="javascript" type="text/javascript">   
    var LODOP; //聲明為全局變量 
    function prn1_preview() {
        LODOP=getLodop(); 

        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TABLE(0,0,"100%",60,document.getElementById("d1").innerHTML);
        //打印項高度較小，60，導致超文本自動分頁
        //LODOP.PRINT_DESIGN();
        LODOP.PREVIEW();    
    };
</script> 
</body>

圖示：

圖示：如圖，該表格中，表格主體部分有三列，第三個單元格是合并了列的，但是也算是第三列。
該表格根據(jù)打印項高度自動分了兩頁。

此外，tdata除了用一些表達式，也可以用一些加減乘除等計算符號，可以給需要統(tǒng)計的單元格設(shè)置一個id，然后通過id進行計算操作。對于用LODOP計算的結(jié)果值，也可以用id進行重新計算。
代碼：

<body>
<div id="d1">
<table border=1 style="border-collapse:collapse;" >
<thead>
<tr>
    <td style="width:60px;">名稱</td>
    <td style="width:40px;">數(shù)量</td>
    <td colspan="3" style="width:400px;">單個金額本頁合計</td>
    <td style="width:100px;">總計</td>
</tr>
</thead>
<tbody>
<tr>
    <td style="width:60px;">A類</td>
    <td style="width:40px;" id="s1" >1</td>
    <td colspan="3" style="width:500px;" id="m1">30</td>
    <td style="width:100px;" tdata="s1*m1">####</td>
</tr>
<tr>
    <td style="width:60px;">B類</td>
    <td style="width:40px;" id="s2">5</td>
    <td colspan="3" style="width:500px;" id="m2">34</td>
     <td style="width:100px;" tdata="s2*m2">####</td>
</tr>
<tr>
    <td style="width:60px;">C類</td>
    <td style="width:40px;" id="s3">2</td>
    <td colspan="3" style="width:500px;" id="m3">443</td>
    <td style="width:100px;" tdata="s3*m3">####</td>
</tr>
</tbody>
<tfoot>
<tr>
    <td style="width:60px;">合計</td>
    <td style="width:40px;" tindex="2" tdata="SubSum">#####</td>
     <td style="width:100px;" >單頁金額總計</td>
    <td style="width:100px;"tindex="3" tdata="SubSum">####</td>
    <td style="width:100px;" >單頁金額總計的大寫</td>
    <td style="width:200px;"tindex="3" tdata="SubSum" format="UpperMoney">####</td>
</tr>
</tfoot>
</table>
</div>
<a href="javascript:prn1_preview()">表格寬度是否固定</a><br>
<script language="javascript" type="text/javascript">   
    var LODOP; //聲明為全局變量 
    function prn1_preview() {
        LODOP=getLodop(); 

        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TABLE(0,0,"100%",60,document.getElementById("d1").innerHTML);
        //打印項高度較小，60，導致超文本自動分頁
        //LODOP.PRINT_DESIGN();
        LODOP.PREVIEW();    
    };
</script> 
</body>

圖示：（相關(guān)代碼和圖示）

該文章在 2023/9/28 1:55:19 編輯過

關(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ù)的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點晴WMS倉儲管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質(zhì)期管理,貨位管理,庫位管理,生產(chǎn)管理,WMS管理系統(tǒng),標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務(wù)都免費，不限功能、不限時間、不限用戶的免費OA協(xié)同辦公管理系統(tǒng)。