AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

如何让Gridview在没有数据的时候显示表头(转)

2007-11-19 1073
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 1．前言 当对GridView控件进行数据绑定时，如果绑定的记录为空，网页上就不显示GridView，造成页面部分空白，页面布局结构也受影响。

1．前言

当对GridView控件进行数据绑定时，如果绑定的记录为空，网页上就不显示GridView，造成页面部分空白，页面布局结构也受影响。下面讨论的方法可以让GridView在没有数据记录的时候显示表的字段结构和显示提示信息。
GridView要绑定的字段和temple的字段一样，在这里我们利用GridView原有的功能，设定当数据为空是显示“Data Is Empty”，如果没有设定EmptyDataText属性，当绑定的记录为空时，GridView将不在页面显示。

4．数据显示

4．1普通空记录显示

编写ButtonNormalBind的事件函数ButtonNormalBind_Click，添加如下代码，来测试没有经过处理的GridView显示情况：
protected void ButtonNormalBind_Click(object sender, EventArgs e)
    {
        DataTable dt = new DataTable();
 
        dt.Columns.Add("temple_id");
        dt.Columns.Add("temple_name");
        dt.Columns.Add("location");
        dt.Columns.Add("build_date");
 
        this.GridViewEmptyDataTest.DataSource = dt;
        this.GridViewEmptyDataTest.DataBind();
}
执行这些代码后，GridView显示结果如下图所示：
 
可以看到这样简单的提示看不出GridView的结构来，在大多数的实际应用中我们希望看到GridView到底有哪些字段。

4．2增加空行来显示GridView的结构

我们知道只要GridView绑定的DataTable有一行记录，GridView就会显示表头，所以当DataTable为空时我们增加一个空行从而显示表头。
我们把代码改成如下所示：
DataTable dt = new DataTable();
 
        dt.Columns.Add("temple_id");
        dt.Columns.Add("temple_name");
        dt.Columns.Add("location");
        dt.Columns.Add("build_date");
 
        if (dt.Rows.Count == 0)
        {
            dt.Rows.Add(dt.NewRow());
        }
 
        this.GridViewEmptyDataTest.DataSource = dt;
    this.GridViewEmptyDataTest.DataBind();
在每次绑定前判断，如果为空就增加一空行，这样绑定的结果如下图所示：
可以看得表头已经可以显示了，但是显示的空行没有任何数据也让人费解，可不可以增加一下提示信息呢？

4．3增加空记录提示

我们在数据绑定后增加一些代码对GridView进行一下处理，让显示结果更友好。在this.GridViewEmptyDataTest.DataBind();后面增加代码如下所示：
int columnCount = dt.Columns.Count;
        GridViewEmptyDataTest.Rows[0].Cells.Clear();
        GridViewEmptyDataTest.Rows[0].Cells.Add(new TableCell());
        GridViewEmptyDataTest.Rows[0].Cells[0].ColumnSpan = columnCount;
        GridViewEmptyDataTest.Rows[0].Cells[0].Text = "没有记录";
     GridViewEmptyDataTest.Rows[0].Cells[0].Style.Add("text-align", "center");
改良后的显示结果如下图所示：
看来显示结果已经达到了我们的要求，但是当页面上有其他按钮操作导致页面PostBack时，页面再次显示确没有了提示信息变成如下图所示的样子：
这并不是我们想要的。

4．4防止PostBack时页面显示变化

为了防止显示改变我们在Page_Load事件里添加如下代码，从而重新绑定GridView：
if (IsPostBack)
        {
            //如果数据为空则重新构造Gridview
            if (GridViewEmptyDataTest.Rows.Count == 1 && GridViewEmptyDataTest.Rows[0].Cells[0].Text == "没有记录")
            {
                int columnCount = GridViewEmptyDataTest.Columns.Count;
                GridViewEmptyDataTest.Rows[0].Cells.Clear();
                GridViewEmptyDataTest.Rows[0].Cells.Add(new TableCell());
                GridViewEmptyDataTest.Rows[0].Cells[0].ColumnSpan = columnCount;
                GridViewEmptyDataTest.Rows[0].Cells[0].Text = "没有记录";
                GridViewEmptyDataTest.Rows[0].Cells[0].Style.Add("text-align", "center");
            }
   }
这下我们的控件终于可以按我们的要求显示了，但是为了代码的重用，当一个项目里有多个GridView时，避免充分些相同的代码，我们需要把代码封装成类，从而让所有的GridView数据绑定时都可以轻易地实现我们的要求。

4．5封装

类的封装代码如下所示：
using System.Data;
using System.Web.UI.WebControls;
 
/// <summary>
/// Gridview绑定的数据记录为空时显示Gridview的表头，并显示没有记录的提示
/// </summary>
public class GridviewControl
{
    //当Gridview数据为空时显示的信息
    private static string EmptyText = "没有记录";
 
     public GridviewControl()
     {
        
     }
 
    /// <summary>
    /// 防止PostBack后Gridview不能显示
    /// </summary>
    /// <param name="gridview"></param>
    public static void ResetGridView(GridView gridview)
    {
        //如果数据为空则重新构造Gridview
        if (gridview.Rows.Count == 1 && gridview.Rows[0].Cells[0].Text == EmptyText)
        {
            int columnCount = gridview.Columns.Count;
            gridview.Rows[0].Cells.Clear();
            gridview.Rows[0].Cells.Add(new TableCell());
            gridview.Rows[0].Cells[0].ColumnSpan = columnCount;
            gridview.Rows[0].Cells[0].Text = EmptyText;
            gridview.Rows[0].Cells[0].Style.Add("text-align", "center");
        }
    }
 
    /// <summary>
    /// 绑定数据到GridView，当表格数据为空时显示表头
    /// </summary>
    /// <param name="gridview"></param>
    /// <param name="table"></param>
    public static void GridViewDataBind(GridView gridview, DataTable table)
    {
        //记录为空重新构造Gridview
        if (table.Rows.Count == 0)
        {
            table = table.Clone();
            table.Rows.Add(table.NewRow());
            gridview.DataSource = table;
            gridview.DataBind();
            int columnCount = table.Columns.Count;
            gridview.Rows[0].Cells.Clear();
            gridview.Rows[0].Cells.Add(new TableCell());
            gridview.Rows[0].Cells[0].ColumnSpan = columnCount;
            gridview.Rows[0].Cells[0].Text = EmptyText;
            gridview.Rows[0].Cells[0].Style.Add("text-align", "center");
        }
        else
        {
            //数据不为空直接绑定
            gridview.DataSource = table;
            gridview.DataBind();
        }
 
        //重新绑定取消选择
        gridview.SelectedIndex = -1;
    }
}
你可以把这个类编译成DLL，让各个地方调用。

4．6使用示例

这个类的使用很简单，就是在每次进行数据绑定是调用GridViewDataBind，这个函数的第一个参数是要绑定数据的GridView第二个参数是包含数据字段列的DataTable，可能为空可能不空，如果数据不空，函数则自动进行正常绑定，否则显示“没有记录”的提示。
上面的按钮事件的代码可以改成如下所示：
DataTable dt = new DataTable();
        dt.Columns.Add("temple_id");
        dt.Columns.Add("temple_name");
        dt.Columns.Add("location");
        dt.Columns.Add("build_date");
GridviewControl.GridViewDataBind(this.GridViewEmptyDataTest, dt);
最后在Page_Load中对本页面所有GridView调用ResetGridView函数，如下所示：
if (IsPostBack)
        {
            GridviewControl.ResetGridView(this.GridViewEmptyDataTest);
    }
 
在此提供一个网站测试源码，可以按照2中所说的数据表建立test数据库，并在表中加入相应数据进行测试，记得把连接串改一下哦。
 测试源码： http://dl2.csdn.net/down4/20071008/08205401208.rar
5．总结
   MS的asp.net为我们提供了方便好用的控件，如果适当地对这些控件的使用方法作些小改动就能做出更加完美的效果来。
 

文章来源：http://blog.sina.com.cn/s/blog_4a5e327701000b7x.html
文章标签：
.NET
数据库
开发框架
pensir
目录
相关文章
lian8306
|
项目管理
如何成为一名优秀的技术PM
如何成为一名优秀的技术PM
lian8306
363 1
小小工匠
|
架构师 Java
jvm性能调优实战 - 35电商APP后台系统如何对Full GC进行深度优化
jvm性能调优实战 - 35电商APP后台系统如何对Full GC进行深度优化
小小工匠
224 0
ly~
|
存储 监控 安全
如何评估云数据库的安全性？
评估云数据库安全性需关注基础架构与物理安全、网络基础设施、电力与冷却系统；访问控制与身份验证，包括多因素身份验证、基于角色的访问控制、身份验证强度；数据加密，涉及传输加密、存储加密、密钥管理；备份与恢复，涵盖备份策略、恢复测试、异地备份；安全审计与监控，如审计日志、实时监控、漏洞扫描与渗透测试；合规性，包括法规遵循、认证与合规证明；以及云服务提供商的信誉与技术支持。
ly~
394 4
上云活动指导
|
存储 弹性计算 数据管理
阿里云ECS云服务器数据盘分区及挂载到指定目录
阿里云服务器的硬盘一般为两块，一个系统盘，一个数据盘，默认数据盘没有被挂载，所以除了系统和环境软件会安装在系统盘里，网站数据等也在系统盘里，数据盘却空置，没法利用其空间与区分系统和数据管理的好处。这里做下说明，如何让网站数据存储在数据盘？有两个方法1 .
上云活动指导
17059 3
香甜可口草莓蛋糕
|
监控 网络安全 Perl
使用 Scapy 库编写 Ping of Death 脚本
使用 Scapy 库编写 Ping of Death 脚本
香甜可口草莓蛋糕
227 0
向宇it
|
图形学
【unity小技巧】unity读excel配置表操作，excel转txt文本，并读取txt文本内容，实例说明
【unity小技巧】unity读excel配置表操作，excel转txt文本，并读取txt文本内容，实例说明
向宇it
703 0
ModelScope运营小助手
|
人工智能 测试技术 API
Phi-3：小模型，大未来！（附魔搭社区推理、微调实战教程）
近期， Microsoft 推出 Phi-3，这是 Microsoft 开发的一系列开放式 AI 模型。Phi-3 模型是一个功能强大、成本效益高的小语言模型 (SLM)，在各种语言、推理、编码和数学基准测试中，在同级别参数模型中性能表现优秀。为开发者构建生成式人工智能应用程序时提供了更多实用的选择。
ModelScope运营小助手
5144 1
丘比特惩罚陆
|
JavaScript Java 关系型数据库
基于 java + Springboot + vue +mysql 大学生实习管理系统（含源码）
本文档介绍了基于Springboot的实习管理系统的设计与实现。系统采用B/S架构，旨在解决实习管理中的人工管理问题，提高效率。系统特点包括对用户输入的验证和数据安全性保障。功能涵盖首页、个人中心、班级管理、学生管理、教师管理、实习单位管理、实习作业管理、教师评分管理、单位成绩管理和系统管理等。用户分为管理员、教师和学生，各自有不同的操作权限。
丘比特惩罚陆
1057 0
BUG弄潮儿
|
Java 应用服务中间件 容器
SpringBoot 各种 Web 容器服开启 AccessLog 日志
SpringBoot 各种 Web 容器服开启 AccessLog 日志
BUG弄潮儿
517 0
全栈弄潮儿
|
存储 资源调度 前端开发
【react从入门到精通】初识React
当今Web开发中，React已经成为最流行的JavaScript库之一，被广泛应用于构建现代、高效、可维护的用户界面。本文将带您从零开始，介绍React的基本概念和使用方法，包括组件、状态管理、事件处理、组合和嵌套组件等。无论您是刚刚入门前端开发，还是想深入了解React的高级特性，本文都将为您提供简洁明了的指导，帮助您轻松掌握React，并在您的Web应用中充分发挥其强大的潜力！
全栈弄潮儿
540 0