GridView 常用用法
这篇日志有点长，收集了一些网上的资源，同志们可以按需要选择来看。目录是这样的：
·GridView的常用用法总结
·如何获取 GridView 编辑状态下单元格里的值
先叙述一下我碰到问题的：
道路表road：roadid,roadname,startjunid,endjunid
路口表junction：junid,junname
startjunid,endjunid存的是int型编号，显示时要显示junname路口名字，于是做了一个视图view_road_junction
现在用一GridView和view_road_junction绑定显示数据。同时要求能对数据进行修改，变动反应到road表中。
我的做法是：
因为是视图，不能直接用GridView自动生成的编辑功能(已经用不同方法尝试过，不行，偷懒不成功)，所以写了一个OnRowUpdating事件，GridView1_RowUpdating()，在此函数中获取GridView在编辑状态下的单元格的值，对road表进行更新操作。点击页面上的"编辑"按钮的时候触发该事件。
－－－－－－－－－－－－－－－－－－
GridView的常用用法总结
－－－－－－－－－－－－－－－－－－
GridView七种类型字段
| Field字段类型 | 说明 |
| BoundField（数据绑定字段） | 将Data Source数据源的字段数据以文本方式显示 |
| ButtonField（按钮字段） | 在数据绑定控件中显示命令按钮。根据控件的不同，它可让您显示具有自定义按钮控件（例如【添加】或【移除】按钮）的数据行或数据列，按下时会引发RowCommand事件 |
| CommandField（命令字段） | 显示含有命令的Button按钮，包括了Select、Edit、Update、Delete命令按钮（DetailsView的CommandField才支持Insert命令） |
| CheckBoxField（CheckBox字段） | 显示为CheckBox类型，通常用于布尔值True/False的显示 |
| HyperLinkField（超链接字段） | 将Data Source数据源字段数据显示成HyperLink超级链接，并可指定另外的NavigateUrl超链接 |
| ImageField（图像字段） | 在数据绑定控件中显示图像字段 |
| TemplateField（模板字段） | 显示用户自定义的模板内容 |
GridView四种样式
通过ControlStyle可设置BoundField字段服务器子控件的样式。
通过FooterStyle可设置BoundField字段之页尾的样式。
通过HeaderStyle可设置BoundField字段之页首的样式。
通过ItemStyle可设置BoundField字段中数据项的样式。
格式化字符串
| 格式代号 | 说 明 | 原始格式 | 格式指令 | 运行结果 |
| {0:C} | 显示货币符号格式 | 2005.5 | {0:C2} | NT$2,005.50 |
| {0:D} | 显示十进制数格式（限用于整数） | 128 | {0:D} | 128 |
| {0:E} | 显示科学符号格式 | 2005.5 | {0:E2} | 2.01E+003 |
| {0:F} | 显示固定小数字数格式 | 2005.5 | {0:F4} | 2005.5000 |
| {0:G} | 显示一般格式 | 2005.5 | {0:G} | 2005.5 |
| {0:N} | 显示有逗号固定小数字数格式 | 2005.5 | {0:N3} | 2,005.500 |
| {0:P} | 显示百分比格式 | 0.25 | {0:P} | 25.00% |
| {0:X} | 显示十六进制数格式（限用于整数） | 128 | {0:X} | 80 |
| {0:#} | 显示自定义的数字格式 | 2005.5 | {0:00####.00} | 002005.00 |
各种类型字段使用方法
BoundField :
HeaderText 列名（在网页中显示出来的）
HeaderImageUrl 列头的图片
DataField 数据源字段名
NullDisplayText 当该字段的值为空时显示的值
ButtonField:
ButtonType 有Button?Image?Link三种
DataTextField 将数据源字段数据绑定到Button按钮的文本属性中
ImageUrl 当按钮形式为Image时,指定Image所在的Url
CommandName 单击ButtonField按钮时所要运行的命令名称
相关事件：
当ButtonField按钮字段被按下时，GridView控件会引发RowCommand事件，
若要判断引发命令事件之数据行的索引，请使用事件自变量的CommandArgument属性，会将该事件自变量传递至数据绑定控件的命令事件，ButtonField类会自动用适当的索引值填入CommandArgument属性。在事件响应函数中可以根据不同的CommandName来做不同的操作。
从事件中判断e.CommandName和对第几行进行的操作e.CommandArgument。
Example:
if (e.CommandName == "Select")
{
int index = Convert.ToInt32(e.CommandArgument);
}
}
CommandField：
五种命令：Select、Edit、Update、Delete与Insert。显示及隐藏命令按钮您可以设置ShowDeleteButton、ShowEditButton、ShowInsertButton与ShowSelectButton这几个属性（True或False）。而设置不同命令按钮的文字标题可用的属性有SelectText、InsertText、UpdateText、DeleteText、CancelText、EditText、NewText。
若您将ButtonType属性设为ButtonType.Image，则可以设置按钮的图像Url属性，可供使用的有CancelImageUrl、 DeleteImageUrl、EditImageUrl、InsertText、NewImageUrl、SelectImageUrl、 UpdateImageUrl。
SelectedRowStyle 用于设置选中行的风格
相关事件：
RowEditing
RowDeleting
RowUpdating
RowCancelingEdit
注意：RowEditing和RowUpdating的不同
Example:( 摘自：http://hi.baidu.com/70zz)
后台代码：
你可以使用sqlhelper,本文没用。代码如下：
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
{
//清清月儿http://blog.csdn.net/21aspnet
SqlConnection sqlcon;
SqlCommand sqlcom;
string strCon = "Data Source=(local);Database=数据库名;Uid=帐号;Pwd=密码";
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind();
}
}
protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
{
GridView1.EditIndex = e.NewEditIndex;
bind();
}
//删除
protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)
{
string sqlstr = "delete from 表 where id='" + GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";
sqlcon = new SqlConnection(strCon);
sqlcom = new SqlCommand(sqlstr,sqlcon);
sqlcon.Open();
sqlcom.ExecuteNonQuery();
sqlcon.Close();
bind();
}
//更新
//gridview的列、行都是从0开始编号的
//我在用“GridView1.DataKeys[e.RowIndex].Value.ToString()”老是报“索引超出范围“，不知原因。
//建议改用后文写的”如何获取 GridView 编辑状态下单元格里的值“的方法
protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
sqlcon = new SqlConnection(strCon);
string sqlstr = "update 表 set 字段1='"
+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[1].Controls[0])).Text.ToString().Trim() + "',字段2='"
+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[2].Controls[0])).Text.ToString().Trim() + "',字段3='"
+ ((TextBox)(GridView1.Rows[e.RowIndex].Cells[3].Controls[0])).Text.ToString().Trim() + "' where id='"
+ GridView1.DataKeys[e.RowIndex].Value.ToString() + "'";
sqlcom=new SqlCommand(sqlstr,sqlcon);
sqlcon.Open();
sqlcom.ExecuteNonQuery();
sqlcon.Close();
GridView1.EditIndex = -1;
bind();
}
//取消
protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
{
GridView1.EditIndex = -1;
bind();
}
//绑定
public void bind()
{
string sqlstr = "select * from 表";
sqlcon = new SqlConnection(strCon);
SqlDataAdapter myda = new SqlDataAdapter(sqlstr, sqlcon);
DataSet myds = new DataSet();
sqlcon.Open();
myda.Fill(myds, "表");
GridView1.DataSource = myds;
GridView1.DataKeyNames = new string[] { "id" };//主键
GridView1.DataBind();
sqlcon.Close();
//若在页面配置了数据源SqlDataSource1，用下2行代码，不过在页面里不要加SqlDataSourceID=SqlDataSource1属性了
//GridView1.DataSource = SqlDataSource1;
//GridView1.DataBind();
}
}
前台主要代码：
<!--
使用时曾碰到这样的问题：要激发OnRowUpdating="GridView1_RowUpdating"事件，必须先写了OnRowEditing="GridView1_RowEditing"事件，不然会报”激发了未处理的事件RowEditing‘“，现在还没搞清楚什么原因。。。
--> ... ...
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4"
ForeColor="#333333" GridLines="None" OnRowDeleting="GridView1_RowDeleting" OnRowEditing="GridView1_RowEditing"
OnRowUpdating="GridView1_RowUpdating" OnRowCancelingEdit="GridView1_RowCancelingEdit">
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<Columns>
<asp:BoundField DataField="身份证号码" HeaderText="用户ID" ReadOnly="True" />
<asp:BoundField DataField="姓名" HeaderText="用户姓名" />
<asp:BoundField DataField="员工性别" HeaderText="性别" />
<asp:BoundField DataField="家庭住址" HeaderText="家庭住址" />
<asp:CommandField HeaderText="选择" ShowSelectButton="True" />
<asp:CommandField HeaderText="编辑" ShowEditButton="True" />
<asp:CommandField HeaderText="删除" ShowDeleteButton="True" />
</Columns>
<RowStyle ForeColor="#000066" />
<SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
<HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
</asp:GridView>
CheckBoxField：
DataField 设置绑定至数据源的字段名称
Text 设置CheckBox右侧的说明文字
ReadOnly 在编辑模式时，设置ReadOnly属性可以防止被编辑
HyperLinkField
DataTextField 绑定数据源字段显示成超链接文字
DataNavigateUrlFields 将数据字段绑定到超链接字段Url属性
Target 如果设置为"_blank"表示在空白页中打开
ImageField
DataImageUrlField 设置绑定至ImageField对象ImageUrl属性的数据源字段名称
TemplateField
ItemTemplate 字段项目模板
AlternatingItemTemplate 字段交替项目模板，若设置这个字段后，奇数行会显示ItemTemplate，偶数行显示AlternatingItemTemplate
EditItemTemplate 编辑项目模板
其他常见用法
1 程序中动态设置表头名称
gv.Columns[0].HeaderText=”表头”;
2 修改时获取文本控件上的文本
string card=((TextBox)CellGrid.Rows[e.RowIndex].Cells[1].Controls[0]).Text;
获得其他类型的控件同理，将上面代码的控件类型做修改即可
3 在每一行绑定数据时，会发生RowDataBound事件，可在这里添加相应的事件响应函数
4 删除之前提示是否确定删除：
在RowDataBound事件中加入该代码
if (e.Row.RowType == DataControlRowType.DataRow)
{
((CheckBox)e.Row.FindControl("CheckBox1")).Attributes.Add("onclick","return confirm('XXX')");
}
5 AutoGenerateColumns 是否自动添加列，如果是的话意味着是通过程序代码来实现添加的
分页的实现
关键属性：
AllowPaging设置为"True"
PageSize设置每一行显示的行数
Mode 分页样式，包含这四种：NextPreviousFirstLast、NumericFirstLast、NextPrevious、Numeric（Numeric指显示数字；First、Last指最开始和最后一个；Next、Previous指上一个和下一个）
FirstPageImageUrl、LastPageImageUrl、NextPageImageUrl、PreviousPageImageUrl分别指对应的图片
PagerStyle 中HorizontalAlign、VerticalAlign、BorderStyle用于设置分页控制的样式
关键事件
OnPageIndexChanging分页事件
当发生该事件后，重新绑定数据源
Example:
ArticleList.PageIndex = e.NewPageIndex;
if (Session["SQLStr"] != null)
{
string SQLStr = Session["SQLStr"].ToString();
GirdViewRefresh(SQLStr);
}
典型使用步骤：
添加GridView控件，设置相关属性：
Columns中添加相应的数据行
RowStyle、AlternatingRowStyle设置数据行样式
分页设置AllowPaging="True"；PageSize设置每页好显示的行数
SelectedRowStyle 设置选择行的样式
在CS文件添加相应的响应函数：
（1）Page_Load中绑定数据源：
ArticleList.DataSource = ds.Tables[0].DefaultView;
ArticleList.DataBind();
（2）OnPageIndexChanging中更新页索引，重新绑定数据源
ArticleList.PageIndex = e.NewPageIndex;
if (Session["SQLStr"] != null)
{
string SQLStr = Session["SQLStr"].ToString();
GirdViewRefresh(SQLStr);
}
（3）RowCommand加入事件响应
if (e.CommandName == "Select")
{
int index = Convert.ToInt32(e.CommandArgument);
}
}
－－－－－－－－－－－－－－－－－－－－－－
如何获取 GridView 编辑状态下单元格里的值
－－－－－－－－－－－－－－－－－－－－－－
还在使用这样的代码吗？
if (txtName != null)
{
// 读取值
//
}
其实这些工作（在单元格中查找控件，并尝试获取其中的值）已经被封装了。现在，只要调用 ExtractValuesFromCell 方法即可。
而该方法也被很多种列类型所支持：
DataControlField, BoundField, AutoGeneratedField, CheckBoxField, ImageField, TemplateField, DynamicField
你可以在 GridView 的 RowUpdating, RowDeleting 等事件中使用它。利用该方法，可以将值提取到所需的字典里去，然后再从字典中读取。这些字典包括：e.Keys, e.NewValues, e.OldValues 等。
一小段例子代码：
protected void grid1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
var row = grid1.Rows[e.RowIndex];
// 提取 Id 字段的值
grid1.Columns[0].ExtractValuesFromCell(
e.Keys,
row.Cells[0] as DataControlFieldCell,
DataControlRowState.Edit,
true /* include readonly */);
// 提取 Name 字段的值
grid1.Columns[1].ExtractValuesFromCell(
e.NewValues,
row.Cells[1] as DataControlFieldCell,
DataControlRowState.Edit,
true /* include readonly */);
var id = int.Parse(e.Keys["id"].ToString());
var name = (string) e.NewValues["name"];
// 执行相关的数据库更新操作
//
}
这样，在大多数场合我们可以尽可能多的使用 BoundField，并且也能正确读取到其编辑时的值，省下自定义 TemplateField 的一堆代码了。
扫一扫
1894
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
