摘要 本文中的這個(gè)DataGrid是一個(gè)客戶端控件，它是使用JavaScript和Ajax.net技術(shù)構(gòu)建的。

一、 簡(jiǎn)介

本文中要?jiǎng)?chuàng)建的這個(gè)DataGrid是一個(gè)客戶端控件。它是使用JavaScript并且使用Ajax.net技術(shù)構(gòu)建的以實(shí)現(xiàn)與ASP.NET后端代碼的通訊；而在這個(gè)后端，我們使用ADO.NET存取并使用Dataset更新。

這個(gè)控件具有一個(gè)DataGrid應(yīng)該具有的一切特征，并且具有在你建立連接串和表名后不需要編寫(xiě)任何代碼就能夠自動(dòng)工作的所有功能。

這個(gè)Datagrid支持如下功能：

1. 頁(yè)面。

2. 排序。

3. Master-Detail（Detail部分還支持頁(yè)面和排序)。

4. 基于給定的列條件可以定制行顏色。

5. 編輯。

6. 當(dāng)沒(méi)有頁(yè)面支持時(shí)，沒(méi)有頭部滾動(dòng)的滾動(dòng)條支持。

7. 支持控件（圖像，文本框，超級(jí)鏈接，下拉列表框，復(fù)選框）。

8. 自動(dòng)分割頭部名稱。

9. 針對(duì)十進(jìn)制、電子郵件和數(shù)字的自動(dòng)校驗(yàn)文本框。

通過(guò)右擊屏幕打開(kāi)一個(gè)彈出窗口（參考圖１），可以實(shí)現(xiàn)這個(gè)DataGrid在不同的模式之間的切換（圖2展示一種模式下的視圖）：

點(diǎn)擊放大此圖片

圖2.這個(gè)DataGrid具有分頁(yè)，Master-Detail和編輯功能。

點(diǎn)擊放大此圖片

圖3.這個(gè)DataGrid具有定制控件和含有靜態(tài)頭部的滾動(dòng)條

二、 性能剖析

這個(gè)DataGrid是應(yīng)邀使用javascript創(chuàng)建的，而JavaScript并不是一種編譯語(yǔ)言，因此，與把xtml代碼直接生成到頁(yè)面的技術(shù)相比，這種方式速度顯然慢些。如果DataGrid包含多于200記錄，那么最好還是使用頁(yè)面方式。否則，性能將會(huì)受到很大影響。

我們使用CSS（層疊式樣表）來(lái)配置這個(gè)控件的外觀；因此，用戶可以很容易地進(jìn)行修改。

更多信息請(qǐng)查看IT技術(shù)專欄