1. 程式人生 > >extjs利用第三方列印外掛實現列印功能

extjs利用第三方列印外掛實現列印功能

extjs由於是基於JS語言,其列印是可以按照一般的WEB列印方式來進行。筆者在網路上發現第三方列印外掛Lodop(詳見地址:http://mtsoftware.v053.gokao.net/index.html),因為這個外掛可以實現多種瀏覽器(如:IE FF 谷歌),筆者講究了一下,簡單介紹如下:



1:引入Lodop

在頁面的head位置引入

在JS中呼叫控制元件前用如下方式獲得物件:
 
var LODOP=getLodop(document.getElementByIdx_x_x('LODOP_OB'),document.getElementByIdx_x_x('LODOP_EM'));

(程式碼見後面)

2:簡單的使用例項

<script language="javascript" type="text/javascript"> 
Ext.onReady(function(){
 
var win;
 
var LODOP; if(!win){
 
win = new Ext.Window({
 
title:'LODOP列印控制元件測試',
 
width:600,
 
height:450,
 
closeAction:'close',
 
plain: true,
 
autoLoad:{url:'a.asp',scripts:true},

buttons: [{
 

text:"測試",
 
handler: CheckIsInstall
 
},
 
{
 
text:'列印預覽',
 
handler: prn1_preview
 
},{
 
text: 'Close',
 
handler: function(){
 
win.close();
 
}
 
}]
 
});
 
}
 
win.show(this); function prn1_preview() { CreateOneFormPage(); LODOP.PREVIEW(); };
 
function CreateOneFormPage()
 
{
 
LODOP=getLodop(document.getElementByIdx_x('LODOP_OB'),document.getElementByIdx_x('LODOP_EM')); 
LODOP.PRINT_INIT("列印控制元件功能演示_Lodop功能_表單一");
 
LODOP.SET_PRINT_STYLE("FontSize",18);
 
LODOP.SET_PRINT_STYLE("Bold",1);
 
LODOP.ADD_PRINT_HTM(18,20,350,600,document.getElementByIdx_x("form2").innerHTML);
 
};
 
function CheckIsInstall()
 
try{
 

相關推薦

extjs利用第三方列印外掛實現列印功能

extjs由於是基於JS語言,其列印是可以按照一般的WEB列印方式來進行。筆者在網路上發現第三方列印外掛Lodop(詳見地址:http://mtsoftware.v053.gokao.net/index.html),因為這個外掛可以實現多種瀏覽器(如:IE FF 谷

jQuery外掛實現列印功能

寫一下jQuery列印外掛用法吧,最近在做一個列印訂單的功能,研究了半天什麼匯出excel,畫X,Y軸之類的,最後發現jQuery一個外掛就能實現生成pdf列印。 首先需要下載兩個外掛: <!-- jQuery --> <script src="js/j

JAVA練習:利用JAVA基本語句實現列印日曆

已知1900年1月1日是星期一,要求列印輸入年月的日曆。 輸出結果格式: 日    一    二    三    四    五    六                                           1      2      3       4 

c# 利用webbrower控制元件列印html——實現列印頁面設定

領導分配了一個任務,利用c#連線印表機,列印一個html頁面,對於一個Java本專業還不太熟練的我,之前從未接觸過c#,挑戰還是很大的。但是沒辦法,做唄!!!首先找一個寫c#的工具唄,所以下載了vs2015,實現方法如下:1、新建一個form專案2、form中整合一個webb

ZeroClipboard外掛實現複製功能

Zero Clipboard 利用透明的Flash讓其漂浮在複製按鈕之上,這樣其實點選的不是按鈕而是Flash ,這樣將需要的內容傳入Flash,再通過Flash的複製功能把傳入的內容複製到剪貼簿。 但是值得注意的是官方介紹中已明確表態說這個外掛不

HTML 內容儲存到word文件(angular4呼叫第三方js外掛實現

前言: 專案需要將頁面內容儲存到word文件裡面,經過檢視部落格,最簡單的方法就是引入兩個js檔案即可完成這個功能,下面介紹一下是如何實現的。 內容: 一、專案所需檔案: js檔案:jquery.wordexport.js和FileSaver.js 二、實現步驟

專案中使用ECharts外掛實現統計功能

一、前端介面 // 介面中定義一個div,放圖表 <div id="box" style="width: 600px;height:400px;padding: 12px;"></div> // 引入js檔案 <script src="${_b}/themes/${_s

利用fullpage.js外掛實現全屏滾動

fullpage.js是一個基於jQuery的外掛,能幫助我們很容易的實現酷炫的全屏網站的製作。一般全屏網站用幾個很大的圖片或色塊做背景,在新增一些簡單的內容,顯得格外的高階大氣上檔次。fullpage.js支援移動裝置主要的功能有: 支援滑鼠滾動 支援前進後

SpringCloud或SpringBoot+Mybatis-Plus利用AOP+mybatis外掛實現資料操作記錄及更新對比

引文   本文主要介紹如何使用Spring AOP + mybatis外掛實現攔截資料庫操作並根據不同需求進行資料對比分析,主要適用於系統中需要對資料操作進行記錄、在更新資料時準確記錄更新欄位 核心:AOP、mybatis外掛(攔截器)、mybatis-Plus實體規範、資料對比 1、相關技術簡介 mybat

利用jQuery.print.js實現canvas的列印功能

需求 把在瀏覽器中的利用canvas做的圖實現列印功能 思路 先把canvas轉換成img 把生成的img利用jQuery外掛jquery.print.js實現圖片列印功能 資料連

利用JQuery jqprint實現列印功能

1,要先引入jquery.js 和 jquery.jqprint.js 2個js檔案 下載連結:jquery.jqprint.js 2,例項程式碼如下 <html> <head> <script type="text/javascript

C#利用Zxing.net生成條形碼和二維碼並實現列印功能

    開篇:zxing.net是.net平臺下編解條形碼和二維碼的工具。 Step1:使用VS2010新建一個窗體程式專案: Step2:新增三個類:分別是BarCodeClass.cs、DocementBase.cs、imageDocument.cs。(下

VUE實現列印功能的兩種方法

第一種方法:通過npm 安裝外掛   1,安裝  npm install vue-print-nb --save 2,引入  安裝好以後在main.js檔案中引入       &n

Bootstrap modal彈出框實現列印功能

頁面上引入bootstrap 相關 js  html 頁面: <div class="modal fade" id="popPrintSheet" role="dialog" aria-labelledby="printSheet" aria-hidden="true" d

electron + vue專案實現列印小票功能

前言:該文章需要一定的electron基礎同學。如需瞭解更多相關資訊,請移步electron官方文件。 一、需求: 公司專案需要通過electron呼叫系統印表機,實現列印小票的功能。 複製程式碼 二、分析: electron列印大概有兩種: 第一種:通過window的webcontent物件,使用

react + antd 實現列印功能(踩了不少坑)

最近在有網頁列印需求,嘗試了一下react的列印功能,遇到了不少的坑: 1.react本身有一些列印的元件,但都不好用,都是基於window.print(),但是window.print()如果直接列印的話,沒有樣式。處理直接當前網頁的body設定為你要列印的區域,但是當你取消列印的時候你會發現整個網頁都被

小明去美國旅遊,美國溫度以華氏溫度計量,她需要將華氏溫度轉換為攝氏溫度,編寫程式實現功能. 要求: 從控制檯輸入華氏溫度資訊,並且分別列印最後的華氏溫度和攝氏溫度的結果

public class Test_9 {/*小明去美國旅遊,美國溫度以華氏溫度計量,她需要將華氏溫度轉換為攝氏溫度,編寫程式實現此功能.要求:從控制檯輸入華氏溫度資訊,並且分別列印最後的華氏溫度和攝氏溫度的結果               攝氏溫度=5/9.0*(華氏溫度

javascript JS 實現列印頁面功能 支援多瀏覽器,相容IE,火狐,谷歌

關鍵字: js 列印 多瀏覽器 網上很多文章都是記錄只支援IE的方法類似這樣 var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A

easyui列印功能實現列印解決方案

實現:將需要列印的內容通過後臺方法載入到頁面中隱藏的panel中,然後呼叫jqprint的jqprint();列印這個區域,然後關閉\隱藏這個panel。 <!-- 定義一個列印區域 -

利用jquery.print.js實現自定義網頁列印

最近做專案。客戶好些地方需要列印網頁上的表格,研究了好些方法都不太理想。最後找到一個jquery.print.js列印外掛,非常方便就可以實現想要的網頁列印效果,值得推薦。 實現方法 引用jquery和,jqprint到您的頁面 <script la