WebGrid是美國InterSoft公司研發的一款針對于ASP.NET平臺而設計的可視化數據網格控件，現在也是WebUI Studio里面的一個子控件。WebGrid不僅能夠很好的對表格中的數據進行操作，擁有強大的顯示功能，最新版本的WebGrid Enterprise 7更是提供了超過75種新功能。

今天我們就來挖掘一下WebUI Studio新版WebGrid具體有哪些強大的功能優勢。

數據篇

設計器

談到數據就得說到WebGrid的非常強大的表格設計器，在設計器中就能夠直接實現WebGrid的功能設置，下圖就是WebGrid操作界面，里面有5個分頁，用戶可以自行的設置想要的屬性，通過簡單的操作就可完成對表單的設置。

（WebGrid設計器截圖）

兩種數據綁定模式

WebGrid不僅支持傳統的數據源支持，比如SQL DataSource等，而且自帶了一個數據源控件，IsDataSource，是ASP.NET唯一的一款數據源的管理的控件；而且WebGrid能夠支持兩種數據綁定模式：服務端數據綁定模式和客戶端數據綁定模式

服務器端模式：

WebGrid通過一個特殊設計的數據源對象連接到數據，所有操作都將在服務器端進行。

客戶端模式：

WebGrid新型的數據綁定模式，客戶端綁定是在客戶端處理數據操作并綁定生命周期的一種機制，完全獨立于服務器端。

（客戶端綁定優勢分析圖）

WebGrid新型的數據綁定模式，客戶端綁定模式又有何優勢所在呢？

上圖為兩種綁定方式的效率示圖，藍色為服務器端綁定，其他三種顏色為客戶端綁定。

• 由于WebGrid的新興綁定方式，使得數據占用空間減少90%以上
• 大大的縮短了響應的時間
• 反應更加的靈敏
• 能夠連接到外部站點或“云”支持
• 擁有面向未來-支持更多的面向服務開發方法
• 能夠構建Web3.0，離線功能應用程序

強大的數據分析特性

編輯：

加入革新性的SmartBatchUpdate功能，能夠執行跨多個表的實時編輯，不需要回發或者是回調。有效的的避免了每一條的編輯的等待時間，提高了效率；一個單獨的 AJAX 回調，即可實現將所有的掛起的更改提交到服務器端；注入了實用的運行時功能，可以在數據被傳送到服務器端進行處理之前進行更改等。

WebGrid擁有強大的數據分析特性，通過操作的簡單完成數據的編輯，只需要在表格中編輯數據，比如進行增、刪、查、改等，就可以直接關聯到數據的修改，而不用后臺的訪問。

WebGrid除了擁有自帶的編輯類型，還可以集成多種編輯類型，其中也有可定制的類型：

（WebGrid的數據編輯類型）

數據驗證：

對于數據的編輯可以設置相應的限制條件，比如說新增加的列里面不能有空的內容等限制條件：

（WebGrid的數據驗證）

排序：

一般在默認的情況下如果選擇排序，只需要點擊表頭，就可實現表格中所有數據的排序；也可以設置相應的條件進行排序，比如說對于某一列；簡單的對客戶端進行相應的設置還可以實現自定義排序。

過濾：

WebGrid可以在附加條件下選擇過濾，或者是選擇某些過濾的可見性；

也可對單獨列過濾，可用WebCombox作為過濾條件，避免了繁瑣的輸入，直接點就可快速的跳轉到過濾后的頁面。

（WebCombox作為過濾條件截圖）

靈活的數據統計功能：

WebGrid可以實現對于某頁的數據統計，同時也可以設置數據統計的范圍，比如說從第一頁到底34頁的數據統計的實現；此外其內置的函數，比如Avg、Count、Max、Min、Sum等能夠實現快速的統計，也可以設置滿足自己需求的自定義函數。WebGrid還可以進行分組數據的統計，比如分組表尾、分組行。

（WebGrid的分組數據統計）

顯示篇

WebGrid擁有強大的顯示特性，能夠非常容易的實現層次結構復雜的多表頭表格等類型，在設計器中通過簡單的設置操作達到自己想要的表格層次結構。

（WebGrid里多表頭的呈現效果）

WebGrid中獨有的LiveFreeze™技術，可以在表格中進行一列或者是多列的Excel風格的凍結操作，用戶可以清晰的對數據進行比對，不用來回的拖動表格內容，這是其他的表格控件所無法達到的。

（比如設置紅線中的這兩列在拖動過程中不變動）

點擊按鈕，實現圖表的一鍵轉換，快速的進行表格和圖表之間的響應，如下圖：

WebGrid 結合了傳統分頁模式和虛擬分頁模式于一身，可以自行的選在在瀏覽中需要加載的頁數。

超過10種的用戶界面風格選擇，根據自己的喜好選擇想要的風格。

（WebGrid界面風格）

先進的LINQ-to-SQL技術

WebGrid采用了先進的對象映射組件LINQ-to-SQL技術，對于大數據量的操作也能夠非常快速的響應，一個web 2.0的高性能應用程序。