2014-01-30 3 views
2

나는 GridView을 갖고 있는데, 을 Button Click에 표시하고 싶습니다. asp.net의 ButtonClick에서 Javascript를 사용하여 GridView 열을 숨기는 방법?

enter image description here

의 I는 Button clickJavascript를 사용하여 표시 할 ' Source'와 Column.

참고 : 눈에 보이는 열을 클릭하는 버튼은 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> 

도움말 감사드립니다!

답변

6

시도해보십시오.

페이지에 자바 스크립트를 추가하십시오.

<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> 

대신 열 번호를 사용할 수 있습니다. 을 호출하고 OnClientClick="Javascript:return hideColumn();" 이벤트에서이 함수를 호출하십시오.

+0

나를 잘 처리했습니다. 감사 – Rohan