client side expand on link click within gridtemplatecolumn

[Developer Developer]

I have an asp:LinkButton within a telerik:GridTemplateColumn.  I want to be able to click on the link and expand that row client side.  Is anybody aware of a code example that shows how this could be done?  Any help would be greatly appreciated.

 

 

 

[Princy]

Hello,

You can check out the following code to expand or collapse the hierarchial grid on clicking a linkbutton.
aspx:

<telerik:GridTemplateColumn UniqueName="TemplateColumn">
  <ItemTemplate>
     <asp:LinkButton ID="LinkButton1" runat="server" Text=Expand/Collapse></asp:LinkButton>
  </ItemTemplate>
</telerik:GridTemplateColumn>

cs:

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
       if (e.Item is GridDataItem)
        {
            GridDataItem dataItem = (GridDataItem)e.Item;
            LinkButton lnk = (LinkButton)dataItem.FindControl("LinkButton1");
            int index = e.Item.ItemIndex;
            lnk.Attributes.Add("onclick", "return expandcollapse('" + index + "');");
        }
    }

js:

function expandcollapse(key)
 {
   var grid=$find("<%=RadGrid1.ClientID %>");
   var table=grid.get_masterTableView();
   var row=table.get_dataItems()[key];
    if(row.get_expanded() == false)
        {
            row.set_expanded(true);

        }
        else
        {
            row.set_expanded(false);
        }
 }

Thanks
Princy.