Get the DataKeyValues of the selected item in js

[jing]

Hi,

1) How do I get the DataKeyValues (ID) of the selected item?

<telerik:RadGrid ID="GridDocument" runat="server">
<MasterTableView DataKeyNames="ID">
    <Columns>
        ...
    </Columns>
</MasterTableView>
<ClientSettings>
    <Selecting AllowRowSelect="True"></Selecting>
</ClientSettings>
</telerik:RadGrid>

2) Is there a url that I can refer to the Client Object API?

Thanks in advance.

Jing

[Princy]

Hello Jing,

In order to access the DataKeyValue from client side, add the value of the DateField to the ClientDataKeyNames array of the MasterTableView . Check out the following client code which access the DataKeyValue of the selected row from an external event such as button click.

ASPX:

<telerik:RadGrid ID="GridDocument" runat="server">
<MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID">
    <Columns>
        ...
    </Columns>
</MasterTableView>
<ClientSettings>
    <Selecting AllowRowSelect="True"></Selecting>
</ClientSettings>
</telerik:RadGrid>

<asp:Button ID="Button4" runat="server" OnClientClick="OnClientClick();" Text="Button" />

Java Script:

<script type="text/javascript">
  function OnClientClick() {
        var grid = $find("<%=RadGrid1.ClientID %>");
        var MasterTable = grid.get_masterTableView();
        if(MasterTable.get_selectedItems().length>0)
        var dataKeyValue = MasterTable.get_selectedItems()[0].getDataKeyValue("ID"); // get the DataKeyValue of selected item
    }
</script>

Also please refer the following documentation.
Extracting key values client-side

Thanks,
Princy.