如何在 asp.net 中的按钮单击上使用 Javascript 隐藏 GridView 列？答案

【问题标题】：How to Hide GridView Column using Javascript on ButtonClick in asp.net?如何在 asp.net 中的按钮单击上使用 Javascript 隐藏 GridView 列？
【发布时间】：2014-02-22 12:36:16
【问题描述】：

我有一个GridView，我想在Button Click 上显示GridColumn。

Column 和 'Source' 我想使用 Javascript 显示在 Button click 上。

注意：我们点击可见列的Button在GridView之外。

<asp:TemplateField HeaderText="Source" ItemStyle-Width="50px" ItemStyle-HorizontalAlign="Center"
    HeaderStyle-HorizontalAlign="Center">
    <ItemTemplate>
 <asp:Button ID="BtnSource" runat="server" CausesValidation="false" OnClick='<%# "return SetRowValues("+Eval("ttppcid")+",this.id,"+Eval("Fair")+","+Eval("Good")+","+Eval("Mint")+","+Eval("Poor")+","+Eval("Broken")+")"%>' Text="Source" />
  </ItemTemplate>
</asp:TemplateField>

帮助赞赏！

【问题讨论】：

标签： javascript gridview visibility show-hide

【解决方案1】：

试试这个，

在您的页面中添加 JavaScript。

<script type="text/javascript">
    function hideColumn() {
        var gridrows = $("#GridView1 tbody tr");

        for (var i = 0; i < gridrows.length; i++) {
            gridrows[i].cells[1].style.display = "none";
        }
        return false;

    };
</script>

cells[1] 代替您可以使用您的列号。并在 OnClientClick="Javascript:return hideColumn();" 事件上调用此函数。

【讨论】：