GridView 绑定数据不满一页时填充空行的方法
2011-12-13 16:11
183 查看
ASP.NET 2.0 提供了非常强大的绑定能力,而 ASP.NET 2.0 新增的 GridView 控件更是充分体现和发挥了数据绑定强大的功能。GridView 的数据绑定和页面显示可以通过简单的代码实现,大大提高了开发效率。
不过有个地方让人不爽,就是在使用分页时,如果绑定的数据不满一页,那么 GridView 仅显示绑定的数据。例如,将 GridView 的 PageSize 设置为 10,每页显示 10 条数据,如果当前查询仅返回了 6 条数据,那么 GridView 就显示这 6 条数据,如果当前查询返回了多于 10 条数据,那么 GridView 则显示 10 条数据,这样当执行不同的查询时,GridView 时而显示 10 条数据,时而显示 1、2、3、……,9 条数据,GridView 的显示区域随着绑定的数据条数的变化而变化,给人很糟糕的交互体验。
怎么办?如果能够不管绑定的数据条数是多是少,都能始终显示相同的行数就好了,也就是说,当 GridView 绑定的数据条数不满一页时,通过某种方法在 GridView 中添加空行,使 GridView 能够始终显示 PageSize 设置的行数。
那么怎样添加空白行呢?还是利用 GridView 的 DataBound 事件,在绑定结束后,通过判断 GridView 的 Rows 属性将行数补充到和 PageSize 设置的大小一样,具体代码和效果如下:
需要注意到是:
1. 添加的 GridViewRow 的 RowType 需要设置成 Seperator;
2. 设置空白行内地 TableCell 属性时,应注意 GridView 对应列的 Visible 属性是否设置为 false,和 GridView 的 AutoGenerateCollomn 是否设置为 true,如果是,那么应该对应的做一些处理。
最后的填充了空白行的 GridView 效果如图:
源地址:http://www.cnblogs.com/zsi/archive/2008/10/10/1307922.html?login=1#commentform
不过有个地方让人不爽,就是在使用分页时,如果绑定的数据不满一页,那么 GridView 仅显示绑定的数据。例如,将 GridView 的 PageSize 设置为 10,每页显示 10 条数据,如果当前查询仅返回了 6 条数据,那么 GridView 就显示这 6 条数据,如果当前查询返回了多于 10 条数据,那么 GridView 则显示 10 条数据,这样当执行不同的查询时,GridView 时而显示 10 条数据,时而显示 1、2、3、……,9 条数据,GridView 的显示区域随着绑定的数据条数的变化而变化,给人很糟糕的交互体验。
怎么办?如果能够不管绑定的数据条数是多是少,都能始终显示相同的行数就好了,也就是说,当 GridView 绑定的数据条数不满一页时,通过某种方法在 GridView 中添加空行,使 GridView 能够始终显示 PageSize 设置的行数。
那么怎样添加空白行呢?还是利用 GridView 的 DataBound 事件,在绑定结束后,通过判断 GridView 的 Rows 属性将行数补充到和 PageSize 设置的大小一样,具体代码和效果如下:
public void gridView_DataBound(object sender, EventArgs e) { if (gridView.Rows.Count != 0 && gridView.Rows.Count != gridView.PageSize) { Control table = gridView.Controls[0]; if (table != null) { for (int i = 0; i < gridView.PageSize - gridView.Rows.Count; i++) { int rowIndex = gridView.Rows.Count + i + 1; GridViewRow row = new GridViewRow(rowIndex, -1, DataControlRowType.Separator, DataControlRowState.Normal); row.CssClass = (rowIndex % 2 == 0) ? "alternate" : "item"; for (int j = 0; j < gridView.Columns.Count; j++) { TableCell cell = new TableCell(); cell.Text = " "; row.Controls.Add(cell); } table.Controls.AddAt(rowIndex, row); } } } }
需要注意到是:
1. 添加的 GridViewRow 的 RowType 需要设置成 Seperator;
2. 设置空白行内地 TableCell 属性时,应注意 GridView 对应列的 Visible 属性是否设置为 false,和 GridView 的 AutoGenerateCollomn 是否设置为 true,如果是,那么应该对应的做一些处理。
最后的填充了空白行的 GridView 效果如图:
源地址:http://www.cnblogs.com/zsi/archive/2008/10/10/1307922.html?login=1#commentform
相关文章推荐
- GridView 绑定数据不满一页时填充空行的方法
- GridView 绑定数据不满一页时填充空行的方法
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- 如何在ASPXGridView绑定数据不满一页时自动添加空行
- GridView中数据不满一页时,添加空白行方法
- 后台给GridView绑定数据时给每一行添加一个JS方法
- asp.net customdatagrid 或gridview绑定数据的时候经常要用到的 ItemDataBound 事件的方法
- 前台用Gridview绑定数据时时间只显示 年月日 的方法
- ASP.NET GridView绑定数据方法和转换绑定数据
- GridView绑定数据后想要更换每个单元格中内容的方法
- GridView等表格模板列绑定数据的方法
- ASP.NET-GridView数据绑定的几种方法
- ASP.NET-GridView数据绑定的几种方法
- ASP.Net应用深入系列(一):GridView行绑定时取得某个数据列的几种方法比较
- gridview 绑定数据为空时,表头部分内容显示的解决方法
- 两种方法创建WPF目录树TreeView和GridView数据绑定
- GridView使用DataBind方法绑定数据时的分页问题[转]
- 《GridView使用DataBind方法绑定数据时的分页问题》