單擊按鈕后，如何使用復選框工具從網格視圖隱藏列？

Question

我正在使用C＃在Visual Studio 2012中創建一個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();


    }

Answer 1

我想您在gridview中有一個復選框列可以選中/取消選中所需的行。 在這種情況下，您只能在客戶端實現此目的。 在Button Click上編寫以下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";
            }

        }
    }

按鈕標記：