Easiest Way for Fetching Grid Cell Value

[bhavin]

If I have a simple grid with data like

public gridData = [ {
      "ID": 1,
      "Fax": "",
      "Type": "Client"
    },
    {
      "ID": 2,
      "Fax": "",
      "Type": "Client"
    },]

and grid something like 

<kendo-grid #grid [data]="gridView1"
            [group]="groupGrid1" [scrollable]="true" [resizable]="true">

  <ng-template kendoGridToolbarTemplate>
  </ng-template>
  <kendo-grid-column field="ID" title="ID"></kendo-grid-column>
  <kendo-grid-column field="Fax" title="Fax"></kendo-grid-column>
  <kendo-grid-column field="Type" title="Type"></kendo-grid-column>
</kendo-grid>

which is the easy way to fetch the value for the ID? 
I know you can have something like (click)=onSelect($event)

But this will give you the current event like the mouse click

[Dimitar]

Hello Bhavin,

One simple solution to retrieve the related row data on click is to use the Grid cellClick event. I've put together a small example using the provided setup.

On clicking the cell you can access the related dataItem for the corresponding row. It holds the information for the respective data entry (with ID, Fax, etc.).

Regards,
Dimitar
Progress Telerik