1. 程式人生 > >CRM WebClient UI的瀏覽器打印實現

CRM WebClient UI的瀏覽器打印實現

CRM SAP WebClient UI ABAP Print

WebClient UI上自帶了一個打印按鈕,按Ctrl + P後可以生成一個新的頁面供打印。

技術分享圖片
如下圖所示。可以看到這個頁面裏所有的超鏈接都已經被移除了。

技術分享圖片

這個頁面的生成邏輯如下。

1. 按住ctrl + p之後,會觸發WebClient UI框架的按鍵響應函數thtmlbKeyDown。瀏覽器傳入的事件處理對象裏ctrl屬性為true,keycode為80(按鍵p對應的code),意思就是ctrl和p同時按下。

技術分享圖片

這個響應函數thtmlbKeyDown被註冊到整個document對象上,因此您在頁面任何位置點擊ctrl+p都能得到響應。

技術分享圖片

從右上角的調用棧能發現crmFrwPrint被調用。crmFrwPrint會打開print.do這個控制器,位於BSP應用bspwd_basics裏。

技術分享圖片

2. 打開print.do控制器的實現類CL_BSPWD_BASICS_PRINT

技術分享圖片

這個控制器會打開print.html頁面

技術分享圖片

3. 我們按了ctrl+p後生成的頁面的內容就是在print.html裏生成的。核心代碼在函數ppStartScripts裏,被thtmlbRegisterOnLoad註冊到頁面的load事件裏,意思是print.html加載時就執行。

技術分享圖片

技術分享圖片
thtmlUtil.addEventHandler就是SAP自己封裝的事件註冊函數,用於多瀏覽器的兼容支持。

最核心的兩個函數:

CreateShield

生成一個height和width為100%的div,背景圖片設置成SAP預定義好的1x1.gif。

技術分享圖片

運行時顯示如下:

技術分享圖片

loadPage

通過window.opener拿到發生了ctrl+p按鍵的原始頁面,然後把其th-l-wcsubheadercontainer下面的所有元素的html直接復制到打印輸出頁面的header元素下面。

這樣就實現了把原始頁面的內容搬到了打印輸出頁面。
技術分享圖片

然後得到打印頁面所有超鏈接標簽,然後把這些標簽的href和onclick都置為一個函數體為return false的函數,這樣超鏈接就不再能點擊。
技術分享圖片


var?nirvana?=?new?Function?(?"return?false;"?);

要獲取更多Jerry的原創技術文章,請關註公眾號"汪子熙"或者掃描下面二維碼:

技術分享圖片

技術分享圖片

CRM WebClient UI的瀏覽器打印實現