Show hidden row of grid from JavaScript

[Albert]

Hello ,

I have initially bind 10 rows to rad grid and display only 3 rows to user, hide remaining rows from item databound event .

Now i have one button on out side grid [+] to add rows in grid .

What i want to do is when user click on add button, i want to show next hidden row by JavaScript .

Right now I call this function when user click on button .

function ShowRow()

   {        

       var grdDeparture=document.getElementById("<%=grdDeparture.ClientID%>"); 

       alert(grdDeparture);
//

var masterTableView = grdDeparture.MasterTableView; 

//above line not working , i cannot find MasterTableView here .
//Is there any reference that i have to add to access MasterTableView?

   } 

If any one know Please Help me .
Please send me code .
-Thanks

[Princy]

Hello,

If you want to show the hidden rows using Java Script, you need to hide the rows from client side. You can hide the rows in 'OnRowCreated' event of grid.

ASPX:

<ClientSettings>
    <ClientEvents OnRowCreated="RowCreated"/>
</ClientSettings>

Java Script:

<script type="text/javascript">
    function RowCreated(sender, args)
      {
        var grid = sender;
        if (args._itemIndexHierarchical > 2)
          {
            var masterTableView = grid.get_masterTableView();
            masterTableView.get_dataItems()[args._itemIndexHierarchical - 1].set_visible(false);
          }
      }
</script>

ASPX:

<asp:Button ID="Button5" runat="server" OnClientClick="ShowRow(); return false;" Text="Show item" />

Java Script:

<script type="text/javascript">
 function ShowRow()
   {
        var grdDeparture = $find("<%=RadGrid1.ClientID %>");
        var masterTableView = grdDeparture.get_masterTableView();
        var count = masterTableView.get_dataItems().length;
        for (var i = 0; i < count; i++)
         {
            if (!masterTableView.get_dataItems()[i].get_visible())
             {
                 masterTableView.get_dataItems()[i].set_visible(true);
                 break;
            }
         }
    }
</script>

Thanks,
Princy.