如何强制刷新 GridView？

Question

我想要的刷新类型本身并不处理数据。

这是场景： 我有一个包含 3 列 A、B 和 C 的网格视图。 用户可以单击复选框 a、b 和 c 以使相应的列可见或不可见。 [为了清楚起见，这些复选框在 gridview 之外。]

现在我希望在单击每个复选框后立即刷新网格视图，仅显示选定的列。我该怎么做？

Answer 1

假设您在表格（网格）中的每一列都有一个复选框，您可以在 jQuery 中编写如下内容：

$(function() {
    $('input:checkbox').change(function() {
        //get a reference to the corresponding table column
        var $col = $('<#%=grid.ClientID %>' + ' td:nth-child(' + $(this).val() + ')');
        if (this.checked) $col.hide();
        else $col.show();
    });
});​

并且对应的复选框有一个值设置为表中的列索引。例如：

<input type="checkbox" value="1" /><-- hides first column in grid-->
<input type="checkbox" value="2" /><-- hides second column in grid-->
<input type="checkbox" value="3" /><-- hides third column in grid-->

可能也适合您的更短/更简单的版本是：

$(function() {
    $('input:checkbox').change(function() {
        var $col = $('table ' + 'td:nth-child(' + $(this).val() + ')');
        $col.toggle();
    });
});​

jsfiddle.

更新 - C# 版本

protected void Check_Clicked(Object sender, EventArgs e) 
  {
     CheckBox theOneClicked= (sender as CheckBox);
     if(theOneClicked.ID=="checkbox1")
         myGrid.Columns[0].Visible=false;
     else if(theOneClicked.ID=="checkbox2")
         myGrid.Columns[1].Visible=false;
     else if(theOneClicked.ID=="checkbox3")
         myGrid.Columns[2].Visible=false;
  }