基于AJAX.NET技術的DataGrid控件開發

三、 用法

　　這個用戶控件包括五個部分：

　　1. 用戶控件.ascx文件

　　2. JavaScript文件

　　3. 數據庫存取文件
　
　　4. CSS文件

　　5. AJAX.NET動態鏈接庫（.dll）

　　首先，要添加對ajax.dll的參考。

　　然后，把UserControl目錄直接復制到你的工程并且把這個用戶控件添加到你的ASP.Net頁面（請參考工程源碼）：
＜%@ Register TagPrefix="WebDataGridDemo" TagName="WebDataGrid" Src= "UserControl/WebDataGridUserControl.ascx"%＞
＜WEBDATAGRIDDEMO:WEBDATAGRID id="wdg1" runat="server"＞ ＜/WEBDATAGRIDDEMO:WEBDATAGRID＞

　　在這個Web.config文件中，安裝連接字符串。接下來，添加對Ajax.net dll的參考：

＜appSettings＞
＜add key="ConnectionString" value="Data Source=(local);Initial Catalog=Northwind;User Id=sa;Password=xxx;" /＞
＜/appSettings＞
＜httpHandlers＞
＜add verb="POST，GET" path="
type="Ajax.PageHandlerFactory， Ajax " /＞
＜/httpHandlers＞
　　在這個DynamicDataGrid.js文件中，大多數參數具有默認擔�你可裔jü�使用该控件的Web表單來修改這些參數。

private void Page_Load(object sender， System.EventArgs e)
{
　if(!Page.IsPostBack)
　{
　　WebDataGridUserControl.MainTableName="suppliers";
　　WebDataGridUserControl.DetailTableName = "products";
　　//這些可選的值將會覆蓋默認的屬性
　　WebDataGridUserControl.Height =300;
　　WebDataGridUserControl.Width = 780;
　　WebDataGridUserControl.Editable = 1;
　　WebDataGridUserControl.PageSize = 4;
　}
}
　　四、 配置

　　另外，你還可以修改WebDataGridUserControl.ascx.cs文件中的一些參數。

　　如果你不使用頁面模式，那么你可能需要改變數組ResetIfNoEditable和columnWidth以調整該格子的頭部的列尺寸和行尺寸。

文章來源于領測軟件測試網 http://www.kjueaiud.com/