DataKeyValue on Button click

[Jagat]

I have a button in one of the columns of the RadGrid. How to get the DataKeyValue of that row when the button is clicked on the client-side.
 Currentyl I am using the 'SelectedIndex' routine on the server-side but since the index changes continously as more data is being added to the backend database by other users of the application this creates an issue leading to the user ending up editing a wrong record?

[Shinu]

Hi Jagat,

You can get the datakeyvalue using the following approaches.

1)From server side:
C#:

protected void Button1_Click1(object sender, EventArgs e)
{
     Button btn = (Button)sender;
     GridDataItem item = (GridDataItem)btn.NamingContainer;
     string key = item.GetDataKeyValue("ID").ToString();
}

2)From client side:
JS:

function OnClientClick() {
    var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
    var row = masterTable.get_dataItems();
    for (var i = 0; i < row.length; i++)
     {
       alert(masterTable.get_dataItems()[i].getDataKeyValue("ID"));
     }
    }

Thanks,
Shinu.

[Jagat]

Hi Shinu,

Thanks, but I need the ID of the row on which the button was clicked (Client-side code). Here you are looping through all the rows...How do you get the index of that particular row in which the button was clicked?

[Shinu]

Hi Jagat,

Please try the following code snippet to get the DataKeyValue in client side.

ASPX:

<telerik:RadGrid . . . . . .>
  <MasterTableView DataKeyNames="OrderID" ClientDataKeyNames="OrderID">

C#:

protected void LookupRadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridDataItem)
    {
       GridDataItem item = (GridDataItem)e.Item;
       Button lb = (Button)item.FindControl("Button1");
       lb.Attributes.Add("onclick", "onClientClick('" + item.ItemIndex + "');");
    }
}

Javascript:

<script type="text/javascript">
   function onClientClick(index)
   {
      var grid = $find("<%=RadGrid1.ClientID %>");
      var MasterTable = grid.get_masterTableView();
      var row = MasterTable.get_dataItems()[index];
      var Id = row.getDataKeyValue("OrderID") //access DataKeyValue
      alert(Id);
   }
</script>

Thanks,
Shinu.