如何運用Grid++開發報表

來源:酷知科普網 2.41W

我們開發網頁程式的時候,經常需要製作視覺化的報表,而Grid++是大多數人會選擇的報表開發工具。下面小編就給大家介紹如何運用Grid++開發報表。

如何運用Grid++開發報表

操作方法

(01)開啟Visual Studio 2015,新建一個html頁面,如下圖所示,注意設定HTML的編碼格式為utf-8

如何運用Grid++開發報表 第2張

(02)然後在style標籤內將html和body元素的瀏覽器邊距都設定為0,如下圖所示

如何運用Grid++開發報表 第3張

(03)接下來我們需要引入Grid++的指令碼庫,我們要使用的報表方法都在這個指令碼檔案中,如下圖所示

如何運用Grid++開發報表 第4張

(04)然後我們開啟Grid++報表開發工具,設計一個如下圖所示的報表,注意列的欄位名稱要和資料庫中的一樣

如何運用Grid++開發報表 第5張

(05)然後在Visual Studio中新建一個aspx檔案,在Page_Load方法中通過select語句獲取報表資料,如下圖所示

如何運用Grid++開發報表 第6張

(06)接下來通過報表指令碼中的CreateDisplayViewerEx方法例項化報表控制元件,如下圖所示,在方法中需要傳入報表模板的路徑,報表資料的獲取路徑

如何運用Grid++開發報表 第7張

(07)最後執行報表程式,你就可以在頁面中看到如下圖所示的報表內容,它和我們平常用Excel手工製作的報表很像,適合大多數公司使用

如何運用Grid++開發報表 第8張
熱門標籤