摘要 本文中的這個DataGrid是一個客戶端控件，它是使用JavaScript和Ajax.net技術構建的。

一、 簡介

本文中要創建的這個DataGrid是一個客戶端控件。它是使用JavaScript并且使用Ajax.net技術構建的以實現與ASP.NET后端代碼的通訊；而在這個后端，我們使用ADO.NET存取并使用Dataset更新。

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

這個Datagrid支持如下功能：

1. 頁面。

2. 排序。

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

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

5. 編輯。

6. 當沒有頁面支持時，沒有頭部滾動的滾動條支持。

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

8. 自動分割頭部名稱。

9. 針對十進制、電子郵件和數字的自動校驗文本框。

通過右擊屏幕打開一個彈出窗口（參考圖１），可以實現這個DataGrid在不同的模式之間的切換（圖2展示一種模式下的視圖）：

點擊放大此圖片

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

點擊放大此圖片

圖3.這個DataGrid具有定制控件和含有靜態頭部的滾動條

二、 性能剖析

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

我們使用CSS（層疊式樣表）來配置這個控件的外觀；因此，用戶可以很容易地進行修改。

更多信息請查看IT技術專欄