How to get the data from a cell when I click on the GridButtonColumn of the same row

 

ASPX:

<telerik:GridButtonColumn Text="Détail" UniqueName="D" ItemStyle-HorizontalAlign="Center" ButtonType="LinkButton" CommandName="CustomDetail"  />

C#

protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
       int index = e.Item.ItemIndex; //Get the index of the Row
       GridDataItem ditem = (GridDataItem)e.Item;
       LinkButton LinkButton1= (LinkButton)ditem["D"].Controls[0];
       LinkButton1.Attributes.Add("onclick", "OnClick('" + index + "')"); //Passing index to the Javascript
    }
}

JavaScript: 

<script type="text/javascript">

function OnClick(index) 

{

    var master = $find("<%=RadGrid1.ClientID %>").get_masterTableView();

    var row = master.get_dataItems()[index]; //accessing row with the Row index

    var cell = master.getCellByColumnUniqueName(row, "UniqueName"); // Accessing the cell using its UniqueName

    alert(cell.innerHTML);

}

</script>