Question

如何实现以下功能：我希望在gridview的顶部有一个复选框。选中复选框时，应显示gridview中的所有隐藏行，但未选中时应仅显示取消隐藏的行。

我只需要在顶部有一个复选框（不在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隐藏客户端可以大大优化这一点。

一个用于控制gridview行的复选框

1 个答案: