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:
[{
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.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