三、 用法
这个用户控件包括五个部分:
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文件中,大多数参数具有默认担憧梢酝ü褂酶每丶腤eb表单来修改这些参数。
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以调整该格子的头部的列尺寸和行尺寸。
文章来源于领测软件测试网 https://www.ltesting.net/