RadGrid for ASP.NET AJAX
Contents
RadControls for ASP.NET AJAX

A fairly common task is to retrieve the values of column cells when the row that contains them is selected. This can be accomplished using the getCellByColumnUniqueName method of the GridTableView client-side object. This method takes two parameters: a row object and the UniqueName of a column. It returns the corresponding cell from the grid table.

The following example illustrates this process. It gets the cell in two cases:

  • At the point when the row is selected (in the RowSelected event hander)

  • From the onclick handler of a button placed outside the grid.

Note

Note that this example works for a grid that allows multi-row selection.

CopyASPX
<script type="text/javascript">
  function RowSelected(sender, eventArgs) {
    var grid = sender;
    var MasterTable = grid.get_masterTableView(); var row = MasterTable.get_dataItems()[eventArgs.get_itemIndexHierarchical()];
    var cell = MasterTable.getCellByColumnUniqueName(row, "CategoryID");
    //here cell.innerHTML holds the value of the cell  
  }
  function GetSelectedNames() {
    var grid = $find("<%=RadGrid1.ClientID %>");
    var MasterTable = grid.get_masterTableView();
    var selectedRows = MasterTable.get_selectedItems();
    for (var i = 0; i < selectedRows.length; i++) {
      var row = selectedRows[i];
      var cell = MasterTable.getCellByColumnUniqueName(row, "CategoryID")
      //here cell.innerHTML holds the value of the cell    
    }
  }
</script>
<telerik:RadGrid ID="RadGrid1" runat="server" AllowMultiRowSelection="True" DataSourceID="dsProducts">
  <ClientSettings>
    <Selecting AllowRowSelect="True" />
    <ClientEvents OnRowSelected="RowSelected" />
  </ClientSettings>
</telerik:RadGrid><input onclick="GetSelectedNames();" type="button" value="Get selected rows contact names">