Asp.net动态创建GridView的列(第一部分)

新建一个web站点实例
在Visual Studio里新建一个web站点。拖拽一个GridViw控件和一个SqlDataSource控件到默认的webform上。不要在设计阶段设置控件的任何属性,我们将通过编码实现它的功能。

下面给出在Page_Load事件中的代码
protected void Page_Load(object sender, EventArgs e)
{
    SqlDataSource1.ConnectionString
= @"data source=.;initial catalog=northwind;integrated security=true";
    SqlDataSource1.SelectCommand
= "select employeeID,FirstName,LastName from employees";
    SqlDataSource1.UpdateCommand
= "update employees set firstname=@FirstName,lastname=@LastName where employeeid=@EmployeeID";
    SqlDataSource1.UpdateParameters.Add(
"@FirstName", "");
    SqlDataSource1.UpdateParameters.Add(
"@LastName", "");
    SqlDataSource1.UpdateParameters.Add(
"@EmployeeID", "");

   
if (!IsPostBack)
   
{
        GridView1.DataSourceID
= "SqlDataSource1";
        GridView1.AutoGenerateColumns
= false;
        GridView1.DataKeyNames
= new string[] { "EmployeeID" };
        GridView1.AllowPaging
= true;
        GridView1.AllowSorting
= true;
        GridView1.PageSize
= 5;

        BoundField bf1
= new BoundField();
        BoundField bf2
= new BoundField();
        BoundField bf3
= new BoundField();

        bf1.HeaderText
= "Employee ID";
        bf1.DataField
= "EmployeeID";
        bf1.ReadOnly
= true;
        bf1.SortExpression
= "EmployeeID";

        bf2.HeaderText
= "First Name";
        bf2.DataField
= "FirstName";
        bf2.SortExpression
= "FirstName";

        bf3.HeaderText
= "Last Name";
        bf3.DataField
= "LastName";
        bf3.SortExpression
= "LastName";

        CommandField cf
= new CommandField();
        cf.ButtonType
= ButtonType.Button;
        cf.ShowCancelButton
= true;
        cf.ShowEditButton
= true;

        GridView1.Columns.Add(bf1);
        GridView1.Columns.Add(bf2);
        GridView1.Columns.Add(bf3);
        GridView1.Columns.Add(cf);
    }

}


接下来我们一步一步地对这些代码做说明。

配置SQL数据源控件。
这 段代码设置ConnectionString属性是给SQL数据源控件配置所需的数据库连接字符串所用的。在我们的例子里,我们将使用Notthwind 数据库里的Employees表。然后给SelectCommand和UpdateCommand属性设置相应的select和update语句。 update语句很重要,注意在update声明里所列举的参数名称要和数据表里列的名字相匹配。update声明包含三个参数,@FirstName, @LastName 和 @EmployeeID。这些参数然后会被添加到UpdateParameters集合里。

配置GridView控件
GridView 控件使用SqlDataSource1作为它的数据源。代码里已经指出了如何设置GridView的DataSourceID属性。然后要设置更多的 GridView属性,注意你只需要在"if"条件里设置这些属性一次。AutoGenerateColumns属性指明了GridView的列是否是自 动建立的。应为我们希望通过编码增加列,所以要把这个属性设置为false。DateKeyNames属性是一个关键字列的字符串数组。 AllowPaging和AllowSorting属性分别对应分页和排序特性。PageSize属性将页大小设为5。

创建BoundFiled列
GridView 控件包含一些诸如BoundField,HyperLinkField,和TemplateField这些类型之类的列。在这个例子中我们将使用 BoundField列。我们需要给EmployeeID,FirstName和LastNam分别提供三个BoundFiled列。一个bound filed是通过声明BoundField来创建的。BoundField的HeaderText属性是用来指出列的标题的。是否给出 SortExpression属性决定着bound filed是否可以被排序。如果SortExpression属性设置成了一个列的名字,那么bound field将以此为基础进行排序。EmployeeID列是作为关键字被显示的,所以要把它的ReadOnly属性设置为true,其用意是该列不能被编 辑。

为了提供编辑特性,你需要给GridView增加一个CommandField列。其ButtonType属性用来指明按钮是以何种 形式来呈现的,其可能的值有Button,LinkButton和ImageButton。ShowCancelButton和 ShowEditButton属性决定了是否显示编辑和取消按钮。

一旦我们创建了列,它们就会在GridView中增加相应的列。

本文到此结束!如果你运行这个webform将会如下显示。
[attach]284[/attach]

你可以测试GridView的分页,排序和编辑等属性。

共有0个回答