基於Lodop控制項的Web列印示例 含原始碼

2022-02-01 08:02:37 字數 1380 閱讀 5842

最近專案組的列印控制項有所改變,已經換成lodop控制項,使用以後發現,功能確實非常強大.可以列印web頁面內某個控制項的內容.下面,還是通過乙個例項來說明下吧,醫院系統有個模組,是院內感染模組,它需要填寫各種報卡,並且填寫完以後,要將它列印出來,而且列印出來的效果要和紙製的報卡近乎一致.額,這個要求就比較高嘍,如圖-1所示,這是其中一張報卡的紙製掃瞄效果圖,我們列印出來的效果要和這個幾乎一樣.

圖-1現在我們來分析一下這裡的列印展示型別.

型別1:患者姓名,卡片編號等,直接取自db欄目值,不需要額外加工.不過,有的需要增加下劃線功能.

型別2:出生日期,需要對日期進行拆分,增加漢字:年,月和日

型別3:戶籍屬於,全部核取方塊,將其中某一資料選中

型別4:戶籍位址,是db中多個欄目拼接而成.而且都是將資料值替換為顯示值

ok,經過以上的分析,上述這些列印型別是可以通過配置的方式實現.新建一xml配置檔案,如圖-2所示

圖-2欄位說明:

字段描述

描述itemname

列印模板中被替換關鍵字,同時也是db表中某列名稱

itemparename

若列印型別是comboitem這種組合方式,它用來定義包括哪些子itemname

printstyle

列印型別,目前包括:textbox,dropdownlist,datetime,checkboxlist和comboitem(組合方式,即由其他多個字段組合而成)

printformat

列印格式,日期型的輸出格式在此處定義

bottomline

是否對文字增加下劃線

datasource

下拉列表等的資料來源,專門測試使用

然後我們看看列印模板檔案是如何製作的,如圖-3所示

圖-3現在,我們就要通過編碼的方式來實現將這些關鍵字替換掉,簡單說,是根據不同的列印格式分別處理.比較核心的**如圖-4所示

圖-4經過上述**的編寫,我們看看最終的效果圖,如圖-5所示

圖-5示例**

基於lodop控制項的web列印.files

lodop列印控制項的使用

web列印解決方案1.生成列印模版 網頁 使用window.print 預覽列印模版,在瀏覽器中列印 2.匯出網頁為excel檔案,詳見網頁匯出為excel 3.使用lodop列印控制項 第一種方法和第二種方法,只能滿足預先定義好列印模版得列印 且第一種直接列印網頁得方法,使用者無法修改列印模版,只...

WEB列印控制項Lodop6 0簡明教

挺好的東東 web列印控制項lodop6.0簡明教程 一 mtsoftware 第一節 關於教程 lodop已流行好多年,由於很容易上手,所以很少看到關於它的教程,一般開發者都是通過那幾個著名例子 就開始lodop征程了,也難怪,程式設計師總是喜歡從例子學習新東西,但是系統地理論學習總能少走彎路。因...

LODOP列印控制項使用問題總結

最近乙個小專案使用lodop來實現套打,比較費時調整控制項位置和大小,現在把遇到的問題總結下來,讓後來的人參考。2 開始設計 用瀏覽器,chrome,火狐,搜狗等瀏覽器都可以 ie是不可以的 開啟index.html,之後顯示如下圖示意 具體細節教程可以參考 官方教程 3 問題發現 3.1lodop...