如何在单击按钮时使用复选框工具从网格视图中隐藏列

本文关键字：网格 工具 视图 隐藏 复选框 单击 按钮 | 更新日期: 2023-09-27 18:19:59

我正在Visual Studio 2012中使用C#创建一个web项目，该项目从数据库中获取数据并显示在网格视图中。数据库中有很多列，它显示在网格视图中。我想为用户提供一个选项，使用复选框消除不需要的列，选中后，单击按钮，它必须更新。

这是我的网格视图的代码。

 protected void Button1_Click(object sender, EventArgs e)
    {
        RunTimeDSTableAdapters.tbl_runtime_reportTableAdapter state = new RunTimeDSTableAdapters.tbl_runtime_reportTableAdapter();
        DataTable dt = new DataTable();
        DateTime dt1 = Convert.ToDateTime(TextBox1.Text);
        DateTime dt2 = Convert.ToDateTime(TextBox2.Text);
        dt = state.GetSubmitDataBy(DropDownList1.SelectedValue.ToString(), DropDownList2.SelectedValue.ToString(), dt1.ToString(), dt2.ToString());
        GridView1.DataSource = dt;
        GridView1.DataBind();

    }

如何在单击按钮时使用复选框工具从网格视图中隐藏列

我想您的网格视图中有一个复选框列，用于选中/取消选中所需的行。在这种情况下，您只能在客户端实现这一点。在你的按钮点击上写下以下javascript代码：

    function HideUnhideRows() {
        var myGridView = document.getElementById("<%=GridView1.ClientID %>");
        var rows = myGridView.rows.length;
        for (var i = 1; i < myGridView.rows.length; i++) {
            var row = myGridView.rows[i];
            var ctrl = row.cells[0].children[0]; // if checkbox is the first column
            if (ctrl.checked) {
                row[i].style.display = "none";
            }
        }
    }

按钮标记：

相关文章：