Hide and show radgrid on its buttonclick

[Ryann]

Hi.
I have two buttons.one to show radgrid and one to hide it. Can i hide and show radgrid on its buttonclick in clientside using javascript?

[Princy]

Hi Ryann,

Please try the following code snippet to show and hide Grid on Button Click.

ASPX:

<telerik:RadButton ID="RadButton1" runat="server" Text="Show grid" OnClientClicking="ShowGrid" AutoPostBack="false" />
<telerik:RadButton ID="RadButton2" runat="server" Text="Hide grid" OnClientClicking="HideGrid" AutoPostBack="false" />

JS:

<script type="text/javascript">
    function ShowGrid() {
        $find("<%=RadGrid1.ClientID%>").get_element().style.display = "";
    }
    function HideGrid() {
        $find("<%=RadGrid1.ClientID%>").get_element().style.display = "none";
    }
</script>

Thanks,
Princy