WebGrid是美國(guó)InterSoft公司研發(fā)的一款針對(duì)于ASP.NET平臺(tái)而設(shè)計(jì)的可視化數(shù)據(jù)網(wǎng)格控件，現(xiàn)在也是WebUI Studio里面的一個(gè)子控件。WebGrid不僅能夠很好的對(duì)表格中的數(shù)據(jù)進(jìn)行操作，擁有強(qiáng)大的顯示功能，最新版本的WebGrid Enterprise 7更是提供了超過75種新功能。

今天我們就來挖掘一下WebUI Studio新版WebGrid具體有哪些強(qiáng)大的功能優(yōu)勢(shì)。

數(shù)據(jù)篇

設(shè)計(jì)器

談到數(shù)據(jù)就得說到WebGrid的非常強(qiáng)大的表格設(shè)計(jì)器，在設(shè)計(jì)器中就能夠直接實(shí)現(xiàn)WebGrid的功能設(shè)置，下圖就是WebGrid操作界面，里面有5個(gè)分頁，用戶可以自行的設(shè)置想要的屬性，通過簡(jiǎn)單的操作就可完成對(duì)表單的設(shè)置。

（WebGrid設(shè)計(jì)器截圖）

兩種數(shù)據(jù)綁定模式

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

服務(wù)器端模式：

WebGrid通過一個(gè)特殊設(shè)計(jì)的數(shù)據(jù)源對(duì)象連接到數(shù)據(jù)，所有操作都將在服務(wù)器端進(jìn)行。

客戶端模式：

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

（客戶端綁定優(yōu)勢(shì)分析圖）

WebGrid新型的數(shù)據(jù)綁定模式，客戶端綁定模式又有何優(yōu)勢(shì)所在呢？

上圖為兩種綁定方式的效率示圖，藍(lán)色為服務(wù)器端綁定，其他三種顏色為客戶端綁定。

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

強(qiáng)大的數(shù)據(jù)分析特性

編輯：

加入革新性的SmartBatchUpdate功能，能夠執(zhí)行跨多個(gè)表的實(shí)時(shí)編輯，不需要回發(fā)或者是回調(diào)。有效的的避免了每一條的編輯的等待時(shí)間，提高了效率；一個(gè)單獨(dú)的 AJAX 回調(diào)，即可實(shí)現(xiàn)將所有的掛起的更改提交到服務(wù)器端；注入了實(shí)用的運(yùn)行時(shí)功能，可以在數(shù)據(jù)被傳送到服務(wù)器端進(jìn)行處理之前進(jìn)行更改等。

WebGrid擁有強(qiáng)大的數(shù)據(jù)分析特性，通過操作的簡(jiǎn)單完成數(shù)據(jù)的編輯，只需要在表格中編輯數(shù)據(jù)，比如進(jìn)行增、刪、查、改等，就可以直接關(guān)聯(lián)到數(shù)據(jù)的修改，而不用后臺(tái)的訪問。

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

（WebGrid的數(shù)據(jù)編輯類型）

數(shù)據(jù)驗(yàn)證：

對(duì)于數(shù)據(jù)的編輯可以設(shè)置相應(yīng)的限制條件，比如說新增加的列里面不能有空的內(nèi)容等限制條件：

（WebGrid的數(shù)據(jù)驗(yàn)證）

排序：

一般在默認(rèn)的情況下如果選擇排序，只需要點(diǎn)擊表頭，就可實(shí)現(xiàn)表格中所有數(shù)據(jù)的排序；也可以設(shè)置相應(yīng)的條件進(jìn)行排序，比如說對(duì)于某一列；簡(jiǎn)單的對(duì)客戶端進(jìn)行相應(yīng)的設(shè)置還可以實(shí)現(xiàn)自定義排序。

過濾：

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

也可對(duì)單獨(dú)列過濾，可用WebCombox作為過濾條件，避免了繁瑣的輸入，直接點(diǎn)就可快速的跳轉(zhuǎn)到過濾后的頁面。

（WebCombox作為過濾條件截圖）

靈活的數(shù)據(jù)統(tǒng)計(jì)功能：

WebGrid可以實(shí)現(xiàn)對(duì)于某頁的數(shù)據(jù)統(tǒng)計(jì)，同時(shí)也可以設(shè)置數(shù)據(jù)統(tǒng)計(jì)的范圍，比如說從第一頁到底34頁的數(shù)據(jù)統(tǒng)計(jì)的實(shí)現(xiàn)；此外其內(nèi)置的函數(shù)，比如Avg、Count、Max、Min、Sum等能夠?qū)崿F(xiàn)快速的統(tǒng)計(jì)，也可以設(shè)置滿足自己需求的自定義函數(shù)。WebGrid還可以進(jìn)行分組數(shù)據(jù)的統(tǒng)計(jì)，比如分組表尾、分組行。

（WebGrid的分組數(shù)據(jù)統(tǒng)計(jì)）

顯示篇

WebGrid擁有強(qiáng)大的顯示特性，能夠非常容易的實(shí)現(xiàn)層次結(jié)構(gòu)復(fù)雜的多表頭表格等類型，在設(shè)計(jì)器中通過簡(jiǎn)單的設(shè)置操作達(dá)到自己想要的表格層次結(jié)構(gòu)。

（WebGrid里多表頭的呈現(xiàn)效果）

WebGrid中獨(dú)有的LiveFreeze™技術(shù)，可以在表格中進(jìn)行一列或者是多列的Excel風(fēng)格的凍結(jié)操作，用戶可以清晰的對(duì)數(shù)據(jù)進(jìn)行比對(duì)，不用來回的拖動(dòng)表格內(nèi)容，這是其他的表格控件所無法達(dá)到的。

（比如設(shè)置紅線中的這兩列在拖動(dòng)過程中不變動(dòng)）

點(diǎn)擊按鈕，實(shí)現(xiàn)圖表的一鍵轉(zhuǎn)換，快速的進(jìn)行表格和圖表之間的響應(yīng)，如下圖：

WebGrid 結(jié)合了傳統(tǒng)分頁模式和虛擬分頁模式于一身，可以自行的選在在瀏覽中需要加載的頁數(shù)。

超過10種的用戶界面風(fēng)格選擇，根據(jù)自己的喜好選擇想要的風(fēng)格。

（WebGrid界面風(fēng)格）

先進(jìn)的LINQ-to-SQL技術(shù)

WebGrid采用了先進(jìn)的對(duì)象映射組件LINQ-to-SQL技術(shù)，對(duì)于大數(shù)據(jù)量的操作也能夠非?？焖俚捻憫?yīng)，一個(gè)web 2.0的高性能應(yīng)用程序。