asp.net - 一个复选框来控制 gridview 行

Question

如何实现以下内容：我想在我的 gridview 顶部有一个复选框。选中复选框时应显示网格视图中的所有隐藏行，但未选中时应仅显示取消隐藏的行。

我只需要顶部的 1 个复选框（不在 gridview 的标题中），我找到了几个示例，但所有示例都将复选框作为列，然后也添加到标题中。

最好的方法是什么？

提前致谢。

Answer 1

这是在服务器上执行此操作的一种方法：

我将 Gridview 和 Checkbox 定义如下：

<asp:CheckBox id="cbShowHidden" runat="server" Text="Show Hidden Rows" 
    Checked="true" oncheckedchanged="cbShowHidden_CheckedChanged" AutoPostBack="true" ></asp:CheckBox>
<br />
<asp:GridView ID="gvTest" AutoGenerateColumns="false" runat="server" 
    ShowHeader="true" onrowdatabound="gvTest_RowDataBound">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="id" />
        <asp:BoundField DataField="name" HeaderText="name" />
        <asp:BoundField DataField="family" HeaderText="family" />
        <asp:BoundField DataField="visibility" HeaderText="visibility" />
    </Columns>
</asp:GridView>

这是代码隐藏：

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            PopulateGrid();
        }
    }
    private void PopulateGrid()
    {
        gvTest.DataSource = Enumerable.Range(0, 3000).Select(i => new { id = i, name = 2 * i, family = "Unknown", visibility = i % 3 == 0 ? "Visible" : "Hidden" });
        gvTest.DataBind();
    }
    protected void gvTest_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        bool showHidden = cbShowHidden.Checked;
        if (e.Row.RowType == DataControlRowType.DataRow)
            e.Row.Visible = showHidden || string.Compare(e.Row.Cells[3].Text, "Visible") == 0;
    }
    protected void cbShowHidden_CheckedChanged(object sender, EventArgs e)
    {
        PopulateGrid();
    }

这可以通过使用 jQuery 在客户端进行隐藏来大大优化。