如何在C#中实现GridView的显示数据与隐藏数据按钮功能

嘿，这个需求实现起来超简单的，我给你一步步拆解怎么搞定它（默认是ASP.NET Web Forms场景哈，因为GridView是这个框架里的核心控件）：

第一步：配置前端ASPX页面控件 #

首先在你的ASPX页面里，把GridView和两个按钮的结构搭好，记得给按钮绑定对应的点击事件：

<!-- GridView控件，AutoGenerateColumns设为True会自动根据数据源生成列 -->
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="True" 
    CellPadding="4" ForeColor="#333333" GridLines="None">
    <AlternatingRowStyle BackColor="White" />
    <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
</asp:GridView>

<!-- 显示数据按钮，绑定btnShowData_Click事件 -->
<asp:Button ID="btnShowData" runat="server" Text="Show Data" 
    OnClick="btnShowData_Click" CssClass="btn btn-primary" />

<!-- 隐藏数据按钮，绑定btnHideData_Click事件 -->
<asp:Button ID="btnHideData" runat="server" Text="Hide Data" 
    OnClick="btnHideData_Click" CssClass="btn btn-secondary" Style="margin-left:10px;" />

第二步：编写后台C#逻辑 #

接下来在对应的后台代码文件（比如xxx.aspx.cs）里，写核心的逻辑：

1. 模拟数据源方法（实际项目替换为数据库查询） #

private DataTable GetSampleData()
{
    // 创建一个DataTable作为模拟数据源，实际项目里你可以换成从SQL Server/MySQL等查询的数据
    DataTable dt = new DataTable();
    dt.Columns.Add("用户ID", typeof(int));
    dt.Columns.Add("用户名", typeof(string));
    dt.Columns.Add("年龄", typeof(int));
    
    // 添加几条测试数据
    dt.Rows.Add(1, "Alice", 28);
    dt.Rows.Add(2, "Bob", 32);
    dt.Rows.Add(3, "Charlie", 25);
    
    return dt;
}

2. Show Data按钮的点击事件 #

点击这个按钮时，把数据源绑定到GridView并渲染数据：

protected void btnShowData_Click(object sender, EventArgs e)
{
    // 绑定数据源到GridView
    GridView1.DataSource = GetSampleData();
    // 执行数据绑定，让GridView显示数据
    GridView1.DataBind();
    
    // 如果之前隐藏了GridView控件，记得把它显示回来（按需开启）
    // GridView1.Visible = true;
}

3. Hide Data按钮的点击事件 #

点击这个按钮时，清空GridView的数据源，重新绑定后就会隐藏所有记录：

protected void btnHideData_Click(object sender, EventArgs e)
{
    // 把数据源设为null，让GridView没有数据可显示
    GridView1.DataSource = null;
    // 重新绑定，让空数据源生效
    GridView1.DataBind();
    
    // 如果你想连GridView控件本身也隐藏（而非只隐藏记录），可以加下面这行：
    // GridView1.Visible = false;
    // 不过根据你的需求，应该只是隐藏记录，所以这行注释掉就行
}

额外小提示 #

如果希望页面刚加载时GridView默认无数据，你可以在Page_Load事件里初始化：

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        // 页面首次加载时清空GridView数据
        GridView1.DataSource = null;
        GridView1.DataBind();
    }
}

内容的提问来源于stack exchange，提问作者Dee