ExtJs列印外掛程式

2021-08-30 03:38:53 字數 397 閱讀 2168

這是別人寫的乙個列印的小外掛程式,非常好用,僅需在gridpanel(要有title)的構造引數中加上這麼一行:

plugins: [ext.ux.plugins.print]
另外,在火狐中列印多頁時有些不正常,把printpreview.htm中的css檔案去掉就可以了。

我們來分析一下它的實現原理,首先我們在printfriendly.js找到這行**:

o.tools.push();
這裡的o指代gridpanel物件,所以我們去翻gridpanel的api,看看其對tools屬性的解釋,解釋如下:

在圖中看到id是print的了吧,現在我們明白了,外掛程式就是將handler: this.printgrid綁在了gridpanel的title的預定義的print小按鈕上了。

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

1 引入lodop 在頁面的head位置引入 在js中呼叫控制項前用如下方式獲得物件 var lodop getlodop document.getelementbyidx x x lodop ob document.getelementbyidx x x lodop em 見後面 2 簡單的使用例...

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

1 引入lodop 在頁面的head位置引入 在js中呼叫控制項前用如下方式獲得物件 var lodop getlodop document.getelementbyidx x x lodop ob document.getelementbyidx x x lodop em 見後面 2 簡單的使用例...

lodop列印外掛程式

日前做乙個批打卡片和批打條碼的功能模組,在網上搜尋了好久,發現有一款外掛程式lodop很是好用,很好的完成了功能實現,而且使用方便,在此做下筆記望以後有所幫助。lodop支援ie系列 ie核心系列 遨遊 360 世界之窗 搜狗 螞蟻等 瀏覽器,以及 firefox 火狐 系列 chrome 谷歌 系...