GridView的自定义列及几个常用事件
时间：2011-04-13 来源：光照峋山
GridView中的自定义列
GridView可以根据数据源自动生成列，但是如果我们需要自定义列的显示方式，让GridView的列完完全全的由我们自己来控制，我们就需要用到一种特殊的列――TemplateField。因为GridView生成的列都是一个字段一列，如果我们需要把两个字段合并为一列显示呢？我们可以使用模板列，指定包含标记和控件的模版，自定义列的布局和行为。
有2种添加自定义列的方法：
1.新建自定义列：打开右上角的Tag，Add New Column...接下来将类型选择为TemplateField。
2.将现在列转换为自定义列：打开右上角的Tag，Edit Columns...在打开的窗口中，选中你想要转换的现在列，然后点击右边底部的"Convert this field into a TemplateField".
在GridView上单击右键，在Edit Template中选择刚刚添加的模板列，出现列模版的编辑画面。其中HeaderTemplate――列的标头部分，FooterTemplate――脚注部分，ItemTemplate――此列主数据显示的内容，EditItemTemplate――此列处于编辑状态时如何显示，AlternatingItemTemplate――交替项显示的内容，也就是隔行分别以不同的风格显示。
应用举例 1：
我们现在假设有一个表，其中有一个字段是username，我们现在产生一个自定义列，自定义列中包含此人的照片，同时我们假定照片的路径为image/username.jpg。我们编辑模版中的ItemTemplate，加入一个Image控件，然后右键点击Image控件，选择Edit DataBindings，在ImageUrl中设置Field Binding，设置Bound to 数据源中的某列，因为所有图片的路径和格式是相同的，唯有名字不同而已，所以我们这里选中username字段，在format中，要自己定义其格式，输入image/{0}.jpg, {0}代表的就是上面绑定的字段。下面有一个Two Way DataBinding (双向绑定)的复选框，一般采用单向(Eval)，也就是说数值只从数据源传到页面上，如果双向绑定(Bind)，对数据的修改可以回传到数据源之中。
在页面执行时，不同的行因为username不同，图片的名字也会做出相应的替换。点击确定，然后执行当前网页，我们就可以看到在我们的自定义列中显示出了用户的照片。
应用举例 2：
在数据库中，存储性别的时候，一般采用bit数据类型，存储为True或者False，在GridView自动生成列的时候，一般使用CheckedBoxField 列来显示bit类型的数据，显示在网页上就是一个单选框，如果是选中的(Checked)，就是男的，否则就是女的。这样看起来很不直观，下面我们通过自定义列将性别显示为男、女。
在ItemTemplate中添加一个DropListDown控件，然后编辑它的数据绑定，Edit DataBinding，把SelectedValue属性绑定到性别列。
在DropListDown控件中选择 Edit Item，就是编辑其下拉列表的项，我们添加两个Item，一个的Text属性是男，Value属性为True，一个的Text属性为女，Value属性为False。因为DropDownList控件的显示文本和其值是可以不一样的，我们用数据绑定取到了性别这一列的值，True或者False，然后反映到DropDownList控件上，如果值为True，则显示Value属性为Ture的男。现在运行网页，在新添加的列中，显示的不再是单选框或者True、false这些没有含义的东西，而是以下拉列表的方式显示出了当前用户是 男还是女。
在自定义列中进行数据更新
假设数据库中有一个"权限"字段，值为0代表未审核用户，为1代表一般用户，为9则代表管理员用户。根据前面的自定义列的办法，通过对DropListDown的绑定，在网页中显示权限为 "管理员"，而不是数字9。现在我不仅想要显示这个字段，还希望通过GridView的编辑功能来调整某个用户的权限，比如把一般用户更改为管理员。
同样的，我们可以通过DropDownList，把它的值返回给数据源来完成更新操作，不过这次需要自定义的是EditItemTemplate编辑模板了。在EditItemTemplate中设置的DropListDown控件，必须选中Two Way DataBinding，也就是数据双向绑定，才能返回数据。
另外我们需要对RowUpdating事件 (注意不是RowUpdated) 进行编码,编码如下：
2.将现在列转换为自定义列：打开右上角的Tag，Edit Columns...在打开的窗口中，选中你想要转换的现在列，然后点击右边底部的"Convert this field into a TemplateField".
在GridView上单击右键，在Edit Template中选择刚刚添加的模板列，出现列模版的编辑画面。其中HeaderTemplate――列的标头部分，FooterTemplate――脚注部分，ItemTemplate――此列主数据显示的内容，EditItemTemplate――此列处于编辑状态时如何显示，AlternatingItemTemplate――交替项显示的内容，也就是隔行分别以不同的风格显示。
应用举例 1：
我们现在假设有一个表，其中有一个字段是username，我们现在产生一个自定义列，自定义列中包含此人的照片，同时我们假定照片的路径为image/username.jpg。我们编辑模版中的ItemTemplate，加入一个Image控件，然后右键点击Image控件，选择Edit DataBindings，在ImageUrl中设置Field Binding，设置Bound to 数据源中的某列，因为所有图片的路径和格式是相同的，唯有名字不同而已，所以我们这里选中username字段，在format中，要自己定义其格式，输入image/{0}.jpg, {0}代表的就是上面绑定的字段。下面有一个Two Way DataBinding (双向绑定)的复选框，一般采用单向(Eval)，也就是说数值只从数据源传到页面上，如果双向绑定(Bind)，对数据的修改可以回传到数据源之中。
在页面执行时，不同的行因为username不同，图片的名字也会做出相应的替换。点击确定，然后执行当前网页，我们就可以看到在我们的自定义列中显示出了用户的照片。
应用举例 2：
在数据库中，存储性别的时候，一般采用bit数据类型，存储为True或者False，在GridView自动生成列的时候，一般使用CheckedBoxField 列来显示bit类型的数据，显示在网页上就是一个单选框，如果是选中的(Checked)，就是男的，否则就是女的。这样看起来很不直观，下面我们通过自定义列将性别显示为男、女。
在ItemTemplate中添加一个DropListDown控件，然后编辑它的数据绑定，Edit DataBinding，把SelectedValue属性绑定到性别列。
在DropListDown控件中选择 Edit Item，就是编辑其下拉列表的项，我们添加两个Item，一个的Text属性是男，Value属性为True，一个的Text属性为女，Value属性为False。因为DropDownList控件的显示文本和其值是可以不一样的，我们用数据绑定取到了性别这一列的值，True或者False，然后反映到DropDownList控件上，如果值为True，则显示Value属性为Ture的男。现在运行网页，在新添加的列中，显示的不再是单选框或者True、false这些没有含义的东西，而是以下拉列表的方式显示出了当前用户是 男还是女。
在自定义列中进行数据更新
假设数据库中有一个"权限"字段，值为0代表未审核用户，为1代表一般用户，为9则代表管理员用户。根据前面的自定义列的办法，通过对DropListDown的绑定，在网页中显示权限为 "管理员"，而不是数字9。现在我不仅想要显示这个字段，还希望通过GridView的编辑功能来调整某个用户的权限，比如把一般用户更改为管理员。
同样的，我们可以通过DropDownList，把它的值返回给数据源来完成更新操作，不过这次需要自定义的是EditItemTemplate编辑模板了。在EditItemTemplate中设置的DropListDown控件，必须选中Two Way DataBinding，也就是数据双向绑定，才能返回数据。
另外我们需要对RowUpdating事件 (注意不是RowUpdated) 进行编码,编码如下：
protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
//当前编辑的是哪行？
int index = GridView1.EditIndex;
//取得当前编辑行的GridViewRow对象
GridViewRow gvr = GridView1.Rows[index];
//在当前行中寻找DropListDown控件，editdrop为你在模板中拖入的DropDownList控件名
DropDownList dp = (DropDownList)gvr.FindControl("editdrop");
//将DropListDown的值赋给NewValues集合中的权限字段，rights为数据源中你想更新的字段名
e.NewValues["rights"] = dp.SelectedValue;
}
相关阅读 更多 +
