New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Extracting Parent Row Content on Client Selection in Hierarchy

There are times when you may want to retrieve the value of a cell in the parent table's row when the user selects a row in the detail table. This information can be useful as it provides context information about the values in the detail table.

To accomplish this,

  1. Add a handler to the RowSelected client event.

  2. In the RowSelected event handler, check whether the selection is raised from the detail table.

  3. If a detail row is selected, get a reference to the parent item, and get the value for the desired cell in that row.

The following example illustrates this approach in a two-level hierarchy:

<script type="text/javascript">
  function RowSelected(sender, eventArgs) {
    if (eventArgs.get_tableView().get_name() == "Orders") {
      //the selection is from the detail
      //get a cell from the
      var parentRow =
      var masterCell = parentRow.cells[3];
      //use the cell's content
<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" AllowSorting="true" DataSourceID="SqlDataSource1"
  AllowPaging="true" PageSize="3" AllowMultiRowSelection="true">
  <MasterTableView DataKeyNames="CustomerID" Name="Customers">
      <telerik:GridTableView DataKeyNames="OrderID,CustomerID" DataSourceID="SqlDataSource2"
          <telerik:GridRelationFields DetailKeyField="CustomerID" MasterKeyField="CustomerID" />
    <Selecting AllowRowSelect="true" EnableDragToSelectRows="true" />
    <ClientEvents OnRowSelected="RowSelected" />
<asp:SqlDataSource ID="SqlDataSource1" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Customers"
<asp:SqlDataSource ID="SqlDataSource2" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM Orders Where CustomerID = @CustomerID"
        <asp:Parameter Name="CustomerID" SessionField="CustomerID" Type="string" />
In this article