如何在asp.net上的ButtonClick上使用Javascript隱藏GridView列？

Question

我有一個GridView ，我想在Button Click上顯示GridColumn 。

帶有' Source '的Column我希望使用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>

幫助感謝！

Answer 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();"上調用此函數OnClientClick="Javascript:return hideColumn();" 事件。