使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

書接上回

由於使用的帆軟設計器的版本較低,所以在對圖表設置了圖標縮放功能後,IE瀏覽器並不支持,所以為了兼容處理,替換為使用webkit的谷歌內核打開帆軟報表。

下載open-webkit-sharp資源,然後將Cores文件夾和References文件夾下的所有文件拷貝到項目所在路徑下,然後把Binary文件夾析的文件全部拷貝到項目所在路徑下(如果使用的是Framework2.0的框架則複製Binary NET2下面的文件)。

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

當然小編已經把需要的資源整理好,不需要再自己進行拷貝替換了,需要的可以找小編索取哦。

工具/選擇工具箱項/添加控件OpenWebKitSharp.dll,然後在項目中添加對如下三個文件的引用

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

準備工作做完之後,開始搞代碼吧。

本次最終要實現的功能是在客戶端打開帆軟報表之後,為帆軟報表添加按鈕調用我們自己的c#方法。

首先通過webkit打開頁面

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

然後設置允許js調用

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

注意別忘了添加設置對COM組件的可見

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

最後在代碼中定義js調用的方法

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

通過以上幾個步驟之後,c#代碼端已準備就緒了,接下來我們來看報表中的js,其實非常簡單。

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

選中報表中的單元格,然後右鍵進行控件設置

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

然後選擇按鈕事件,進行事件編輯

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

加號選擇點擊事件,當然還有一個初始化後事件,這個就看具體的應用了,在這裡小編選擇按鈕事件,然後將js腳本調用的方法寫在下圖中的中function方法中即可。

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

至此,達成最終想要的效果:

1)改用谷歌內核,解決圖表縮放在ie上的不兼容,如下圖終於可以來回拉動了。

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

2)完成js對c#代碼的調用,這樣在打開界面之後點擊紅框內的按鈕就可以調用到具體方法,即如上圖中定義的OpenItemsById方法。

使用open-webkit-sharp打開報表頁面,實現js腳本對c 代碼的調用

好嘞,下篇文章我們再見……


分享到:


相關文章: