1. 程式人生 > >吐槽LodopWeb端列印控制元件

吐槽LodopWeb端列印控制元件

首先看以下的官方示例程式碼,其實是很簡單的。 其他的程式碼可以去官方檢視掩飾。
我只想吐槽下第一次用這個控制元件做了一個,不斷的去後臺讀取資料然後打印出的功能。
思路如下:
每次從後臺讀取一頁資料,然後在js中處理,拼接成html內容。然後判斷內容高度,是否滿了一頁,滿了則列印,否則繼續追加內容(虛擬高度是按毫米和畫素之間的必烈虛擬的一個尺寸)。
程式程式碼寫完之後通過虛擬印表機打印出來的東西。很符合我們的要求,
那麼問題來了:他們的外掛首先是在不同的系統版本中,和不同的瀏覽器中安裝成功率是不一樣的。
就比如我在win10中安裝。谷歌死活安裝不上,在win7中谷歌也安裝不上。好像他們提供的js還和jquery的驗證框架衝突。

ok,吐槽完外掛的相容性,再來吐槽下這個空間對印表機的相容性,在hp印表機(看著很新的一款)中打印出來的效果是我們需要的效果,但是換了一臺印表機打印出來的效果就是錯誤的。用不同的瀏覽器打印出來的結果也不是一樣的。比如:字型在全部列印中的紙張中不是一致的,有些打印出來的資料少了一頁。有的多出來一張空頁等等;

最後總結:如果只是列印頁面的可見資料。我覺得用瀏覽器自帶的列印功能就很好。需要不斷的從後臺獲取的話。可能這個控制元件不適合用html的方式去填充內容。 相容性太不好了!

 function createPrintPage(){
    LODOP.PRINT_INIT("進行lodop列印測試..."
); LODOP.ADD_PRINT_TEXT(30,60,170,20,document.getElementById("text_0").value); LODOP.ADD_PRINT_TEXT(60,60,170,20,document.getElementById("text_1").value); LODOP.ADD_PRINT_TEXT(90,60,170,20,document.getElementById("text_2").value); LODOP.ADD_PRINT_TEXT(120,60,170,20,document.getElementById("text_3").value); LODOP.ADD_PRINT_TEXT(150
,60,170,20,document.getElementById("text_4").value); LODOP.ADD_PRINT_TEXT(180,60,170,20,document.getElementById("text_5").value); } 其中:PRINT_INIT()是初始化方法,必須有,引數作為此次列印任務顯示,或者作為PDF檔案列印時的檔名。 “頁面程式碼通過控制元件來控制印表機”這是Lodop的基本思路。所以每一個內容必須要頁面程式碼傳給控制元件,控制元件是不會去頁面獲取資訊的, 預覽方法: function print_view(){ createPrintPage(); LODOP.PREVIEW(); } 列印方法: function print(){ createPrintPage(); LODOP.PRINT(); } 列印維護: function print_setup(){ createPrintPage(); LODOP.PRINT_SETUP(); } 列印設計: function print_design(){ createPrintPage(); LODOP.PRINT_DESIGN(); }

相關推薦

LodopWeb列印控制元件

首先看以下的官方示例程式碼,其實是很簡單的。 其他的程式碼可以去官方檢視掩飾。 我只想吐槽下第一次用這個控制元件做了一個,不斷的去後臺讀取資料然後打印出的功能。 思路如下: 每次從後臺讀取一頁資料,然後在js中處理,拼接成html內容。然後判斷內容高度,是

電腦 日期控制元件JS+html

<!-- 日期 --> <input type="text" class="form-control" name="keyword" onClick="WdatePicker()" placeholder="開始日期" /> <input type="text"

iOS列印控制元件子檢視

這裡,介紹一個剛剛學到的技巧:我們可以使用UIView的私有方法recursiveDescription來看一下UI控制元件的檢視層次結構,在控制檯打印出它的繼承關係。 如:po [self.searchBar recursiveDescription] 列印結果如下: 從以上可以看出,在

列印控制元件lodop

 lodop官網地址:http://www.lodop.net/index.html 在使用lodop控制元件之前,請先安裝官網上自帶的.exe執行檔案,然後再html中引入LodopFuncs.js 控制元件的原理是將html以及其樣式,也就是獲取前端頁面,將其填充到列印控制元件

php列印控制元件lodop

在使用lodop控制元件之前,請先安裝官網上自帶的.exe執行檔案,然後再html中引入LodopFuncs.js 控制元件的原理是將html以及其樣式,也就是獲取前端頁面,將其填充到列印控制元件中,直接列印需要授權 let scenelist = {

H5密碼控制元件自動化測試

最近在做H5端UI自動化測試,其中遇到了一個棘手問題就是密碼控制元件,因為密碼控制元件的按鈕每次都是隨機不一樣的,沒法固定去點選輸入密碼。密碼的輸入框是div不是input,所以沒法用send_keys()這個方法。輸入的密碼都是經過加密後傳給後臺的,所以沒法直接傳值。各種途徑都被堵死,寶寶心裡苦啊。想來想去

lodop列印控制元件的使用

列印功能的實現,需求千變萬化,實現思路有很多, 1)ie自帶簡單列印方法,javascript直接呼叫,但是各大主流瀏覽器對列印的功能支援各不相同。 2)js呼叫Excel表格word文件列印,對報表系統有很強的支援,但是有office限制,wps不一定好用。 3)根據需求

WEB列印控制元件Lodop實現列印頁面

最近研究了一下實現列印頁面的功能,實現主要是用到了Lodop列印控制元件 (一)、Lodop簡介相關的內容搭建可以參閱:Lodop官網 (二)、實現效果如下圖: 當點選列印按鈕效果如下: 然後呢就可以根據需要列印了,功能完成 (三)實現以上功能的jsp程式碼如下:  

如何實現VB.NET 列印控制元件的使用

system.drawing.printing  名稱空間 printerSettings    印表機設定類 PageSettings      頁面設定類 PrintPageEventArgs    要列印頁的設定資訊類一、列印圖片(加入控制元件printdocume

針對web列印控制元件的使用心得

首先附上smsx.cab授權制作工具,地址稍後附上。script授權制作工具 最近一直在弄web列印功能,大概瞭解了兩種控制元件。 1:smsx.cab  期間遇到的問題大概如下. 我的頁面是一個jsp包含多個iframe,需要對單個iframe進行列印預覽,剛開始在每個

lodop列印控制元件破解思路詳解(二)

開篇介紹了本文要破解的物件,以及它的簡要截圖說明,下面正式開始說明破解過程。 準備工具:OD、偵殼工具、脫殼工具(當然大神如果是手工脫殼就不用看了) 1、 控制元件是以瀏覽器為載體的,不像c/s程式那樣直接可以用od載入程式執行,這裡我們得用瀏覽器開啟。        首

WEB列印控制元件Lodop的使用

地圖的事情總是不多,總會涉及web開發中的其他技術,前幾天用到了LODOP列印控制元件,覺得簡單好用但功能強大,這裡備忘一下。 1.獲取釋出包,安裝列印控制元件 install_lodop32.exe適用於32位瀏覽器,install_lodop64.exe適用於64位瀏覽

Lodop6.1.9.3 web列印控制元件使用經驗

注意要點: 1.官網教程 http://www.lodop.net/demo.html 基本步驟:  Lodop列印控制元件簡單使用方法 1.安裝。 2.呼叫LodopFuncs.js檔案。 3.增加OBJECT物件 <script language="javasc

LODOP列印控制元件使用問題總結

最近一個小專案使用LODOP來實現套打,比較費時調整控制元件位置和大小,現在把遇到的問題總結下來,讓後來的人蔘考。 1、首先要下載Lodop6.217_Clodop2.102.rar 壓縮包,解壓得到的檔案如下,根據自己電腦配置選擇安裝install_lodop32.exe

LODOP列印控制元件簡單示例

首先需要下載lodop列印控制元件然後將檔案解壓<!DOCTYPE html> <html lang="en"> <head> <meta chars

Web列印控制元件Lodop實現證件套打

第一次接觸Lodop大概是在兩年前了,那時候研究Lodop主要是為了驗證它能不能實現列印時在不修改內容的前提下調整樣式,結果是ok的,如今又一次接觸它,是因為工作中需要使用它了,於是再一次碰面 第一

IE瀏覽器自帶列印控制元件WebBrowser

使用方式: 1.在html中的body標籤中插入: <body onload="body_onload();"> <form id="form1" runat="serve

自定義客戶驗證控制元件 CustomValidator

今天經過反覆試驗.才得出如何利用CustomValidator來驗證textbox的長度.     首先,如思歸老兄所說,在page_load新增         CustomValidator1.Attributes["len"]   =   "123";        

使用lodop.js列印控制元件列印table並分頁等

import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // num 列印還是列印預覽 conData 物件形式 傳入需要的值 自定義 (自己新增的屬性要在下面備註) // conData title 標題

引發伺服器控制元件的客戶單擊事件

    通過向控制元件的標記新增 onclick 屬性,可以將客戶端的單擊事件新增到大多數的 ASP.NET 伺服器控制元件中。但是,有些控制元件保留了 onclick 屬性,用於定義與伺服器事件的繫結。這些控制元件包括 Button、LinkButton 和 Imag