LODOP中超文本超過打印項高度會自動分頁,那么對於超大行,該行處在分頁高度位置會怎樣呢?
本文用來測試一下三個語句對html中table中超大行在分頁高度位置的處理。
測試結果:
ADD_PRINT_TABLE 特點:不切行,只能輸出一個table,嵌套復雜等表格不行。
當某一行高超過打印項高度時,不會按照打印項高度分頁,不切行,而是輸出整個行,行跨頁隱藏后面的內容,不會分到下一頁。
如圖-----達到了紙張的最下方,下面既沒有表格線,后面的內容也沒有分到下一頁,該超大行后面的內容相當於不打印隱藏了。
ADD_PRINT_HTM特點:切行沒切字,補充了表格線,該超大行分頁后成了多行。
如圖-----基本按照打印設計打印項高度分頁,只是打印設計里高度在最后一句,打印設計設計的高度是稍稍小於該文字的,但是ADD_PRINT_HTM沒有切字,而是把最后一行字顯示全了,並且該大行分頁后補全了表格線,本來是兩行三列的表格,補完橫線后,看起來是兩行變成了四行,切行的都補了線。
ADD_PRINT_HTML特點:切行切字,不補表格線,類似截圖,把內容當圖截了。
如圖-----完全按照打印設計的打印項高度分頁,連字都切了,表格線沒補,類似圖片截成幾塊。
測試代碼:
<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> <form id="form1"> <table border="1" style="border-collapse:collapse"> <tr> <td>● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)設定紙張大小 ● ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本項 ● ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加純文本項 ● ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格項 ● ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)畫圖形 ● SET_PRINT_STYLE(strStyleName, varStyleValue)設置對象風格 ● PREVIEW打印預覽 ● PRINT直接打印 ● PRINT_SETUP打印維護 ● PRINT_DESIGN打印設計 ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)設定紙張大小 ● ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本項 ● ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加純文本項 ● ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格項 ● ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)畫圖形 ● SET_PRINT_STYLE(strStyleName, varStyleValue)設置對象風格 ● PREVIEW打印預覽 ● PRINT直接打印 ● PRINT_SETUP打印維護 ● PRINT_DESIGN打印設計 ● PRINT_INIT(strPrintTaskName)打印初始化 ● SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)設定紙張大小 ● ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本項 ● ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加純文本項 ● ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格項 ● ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)畫圖形 ● SET_PRINT_STYLE(strStyleName, varStyleValue)設置對象風格 ● PREVIEW打印預覽 ● PRINT直接打印 ● PRINT_SETUP打印維護 ● PRINT_DESIGN打印設計</td> <td>PRINT_INIT(strPrintTaskName)打印初始化</td> <td>PRINT_INIT(strPrintTaskName)打印初始化</td> </tr> <tr> <td>PRINT_INIT(strPrintTaskName)打印初始化</td> <td>PRINT_INIT(strPrintTaskName)打印初始化</td> <td>PRINT_INIT(strPrintTaskName)打印初始化</td> </tr> </table> </form> <a href="javascript:prn1_preview()">ADD_PRINT_TABLE打印預覽</a><br> <a href="javascript:prn2_preview()">ADD_PRINT_HTM打印預覽</a><br> <a href="javascript:prn3_preview()">ADD_PRINT_HTML打印預覽</a><br> <script language="javascript" type="text/javascript"> var LODOP; //聲明為全局變量 function prn1_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); LODOP.SET_PRINT_PAGESIZE(0,2500,1000,""); LODOP.ADD_PRINT_TABLE(10,0,350,200,document.getElementById("form1").innerHTML); LODOP.PRINT_DESIGN(); //LODOP.PREVIEW(); }; function prn2_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); LODOP.SET_PRINT_PAGESIZE(0,2500,1000,""); LODOP.ADD_PRINT_HTM(10,0,350,200,document.getElementById("form1").innerHTML); LODOP.PRINT_DESIGN(); //LODOP.PREVIEW(); }; function prn3_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); LODOP.SET_PRINT_PAGESIZE(0,2500,1000,""); LODOP.ADD_PRINT_HTML(10,0,350,200,document.getElementById("form1").innerHTML); LODOP.PRINT_DESIGN(); //LODOP.PREVIEW(); }; </script> </body>
圖示:
超文本自動分頁相關博文:Lodop打印控件 超文本自動分頁 、