问题:
GridView控件应用很是广泛,通常将它与DataSourceControl搭配使用,当然也可以手工指定DataSource属性来完成数据绑定。如果数据源返回一个空行的数据集(例如查询不到指定记录等)时,将会出现两种情况:
1.当GridView未指定<EmptyDataTemplate>或EmptyDataText属性时,控件将不会被最终生成,网页上的表现为空白,这样不仅感觉不爽,而且很容易造成布局的变形。
2.如果指定了<EmptyDataTemplate>或EmptyDataText属性,网页上将最终产生一个table元素,它具有一行一格,可以显示出设置的提示信息,但是这种情况下该table将不会显示出表头来。
通常希望的是,即使数据源返回一个空行的数据集,但是原有的Table元素也应该被显示出来,它应该带一个表头行,以及一个空白行。
解决办法:
通过手工向数据源添加一个新行即可解决。在此过程应该处理好以下几个方面的事情。
1.在 New 一行时,如果包含主键列,则该列的值会被自动赋值(如 int 列会被赋值 0 )。对此应该手工将新行的每一列都赋值为 DBNull.Value ;
2.由于可能存在有非空约束,会造成插入失败,因此必须手工将每一列的 AllowDBNull 属性重新设定
以下示例 GridView 绑定至 ObjectDataSource 时的处理代码:
![](https://i-blog.csdnimg.cn/blog_migrate/ca75c07623e1b494fee67e8f316fc310.gif)
Selected事件
protected void ObjectDataSource2_Selected(object sender, ObjectDataSourceStatusEventArgs e) {
//转型到DataTable
DataTable table = (DataTable)e.ReturnValue;
//如果返回的是张空表
if (table.Rows.Count == 0) {
//生成DataRow对象
DataRow row = table.NewRow();
foreach (DataColumn col in table.Columns) {
//重新设置AllowDBNull属性
col.AllowDBNull = true;
//显式赋值成null
row[col] = DBNull.Value;
}
//将DataRow对象添加至table中
table.Rows.Add(row);
}
}
效果示意如下:
就此来说效果并不是十分理想,如果能够实现以下的效果那就更好了:
DataBound事件
protected void GridView1_DataBound(object sender, EventArgs e) {
//如果是空行,判断条件为:行数=1且主键列=DBNull.Value,如果需要区分是初始化/提交状态,可以加入 Page.IsPostBack 判断
if (GridView1.DataKeys.Count == 1 && GridView1.DataKeys[0].Values[0] == DBNull.Value) {
//清除掉该空行的全部单元格
GridView1.Rows[0].Cells.Clear();
//新建单元格对象
TableCell cell = new TableCell();
//合并单元格
cell.ColumnSpan = GridView1.Columns.Count;
//GridView1.EmptyDataText已经设置为 "没有查找到符合条件的记录"
//设置单元格内容为GridView1.EmptyDataText,把提示文本给分离出来
cell.Text = GridView1.EmptyDataText;
//向空行中加入单元格
GridView1.Rows[0].Cells.Add(cell);
//让该行应用EmptyDataRowStyle样式,这样可以更加灵活,比如可以很容易的应用主题
GridView1.Rows[0].ApplyStyle(GridView1.EmptyDataRowStyle);
}
}
GridView控件应用很是广泛,通常将它与DataSourceControl搭配使用,当然也可以手工指定DataSource属性来完成数据绑定。如果数据源返回一个空行的数据集(例如查询不到指定记录等)时,将会出现两种情况:
1.当GridView未指定<EmptyDataTemplate>或EmptyDataText属性时,控件将不会被最终生成,网页上的表现为空白,这样不仅感觉不爽,而且很容易造成布局的变形。
2.如果指定了<EmptyDataTemplate>或EmptyDataText属性,网页上将最终产生一个table元素,它具有一行一格,可以显示出设置的提示信息,但是这种情况下该table将不会显示出表头来。
通常希望的是,即使数据源返回一个空行的数据集,但是原有的Table元素也应该被显示出来,它应该带一个表头行,以及一个空白行。
解决办法:
通过手工向数据源添加一个新行即可解决。在此过程应该处理好以下几个方面的事情。
1.在 New 一行时,如果包含主键列,则该列的值会被自动赋值(如 int 列会被赋值 0 )。对此应该手工将新行的每一列都赋值为 DBNull.Value ;
2.由于可能存在有非空约束,会造成插入失败,因此必须手工将每一列的 AllowDBNull 属性重新设定
以下示例 GridView 绑定至 ObjectDataSource 时的处理代码:
![](https://i-blog.csdnimg.cn/blog_migrate/ca75c07623e1b494fee67e8f316fc310.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1fa987a29c6482f53d401256f96355eb.gif)
protected void ObjectDataSource2_Selected(object sender, ObjectDataSourceStatusEventArgs e) {
//转型到DataTable
DataTable table = (DataTable)e.ReturnValue;
//如果返回的是张空表
if (table.Rows.Count == 0) {
//生成DataRow对象
DataRow row = table.NewRow();
foreach (DataColumn col in table.Columns) {
//重新设置AllowDBNull属性
col.AllowDBNull = true;
//显式赋值成null
row[col] = DBNull.Value;
}
//将DataRow对象添加至table中
table.Rows.Add(row);
}
}
效果示意如下:
标题1 | 标题2 | 标题... |
---|---|---|
就此来说效果并不是十分理想,如果能够实现以下的效果那就更好了:
标题1 | 标题2 | 标题... |
---|---|---|
没有查找到符合条件的记录 |
为达成目的,还需要在 GridView 中加一点小改进,处理一下那个空行。
![](https://i-blog.csdnimg.cn/blog_migrate/ca75c07623e1b494fee67e8f316fc310.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/1fa987a29c6482f53d401256f96355eb.gif)
protected void GridView1_DataBound(object sender, EventArgs e) {
//如果是空行,判断条件为:行数=1且主键列=DBNull.Value,如果需要区分是初始化/提交状态,可以加入 Page.IsPostBack 判断
if (GridView1.DataKeys.Count == 1 && GridView1.DataKeys[0].Values[0] == DBNull.Value) {
//清除掉该空行的全部单元格
GridView1.Rows[0].Cells.Clear();
//新建单元格对象
TableCell cell = new TableCell();
//合并单元格
cell.ColumnSpan = GridView1.Columns.Count;
//GridView1.EmptyDataText已经设置为 "没有查找到符合条件的记录"
//设置单元格内容为GridView1.EmptyDataText,把提示文本给分离出来
cell.Text = GridView1.EmptyDataText;
//向空行中加入单元格
GridView1.Rows[0].Cells.Add(cell);
//让该行应用EmptyDataRowStyle样式,这样可以更加灵活,比如可以很容易的应用主题
GridView1.Rows[0].ApplyStyle(GridView1.EmptyDataRowStyle);
}
}
如此一来,配合 GridView 的 EmptyDataText , EmptyDataRowStyle 即可以实现令人满意的效果,见下图。