How to select row at initial rendering by record ID in React Grid?

[adgr]

Hi,

How to select row at initial rendering? But not by rowIndex, but by Id in record in my data.

How can i get rowIndex for my record with specified Id?

I try iterate on this.grid.dataSource in dataBound event (where this.grid is set by ref={g => this.grid = g}):

if (this.grid) {

  let rowIndex = -1

  this.grid.dataSource.forEach((row,index) => {

    if (row.Id === this.props.selectedId) {

      rowIndex = index

    }

  })

  this.grid.selectRow(rowIndex);

}

but when I load data by UrlAdapter I get error: this.grid.dataSource.forEach is not a function

[Thiyagu Subramani]

Hi adgr, 

Thanks for contacting Syncfusion forum. 

We can achieve your requirement by using currentViewData instead of dataSource in dataBound event. Please refer to the below code. 

public dataBound(args: any): void { 

        let rowIndex = -1; 

            (this as any).grid.currentViewData.forEach((row, index) => { 

                if (row.OrderID === 10001) {   // required value 

                    rowIndex = index 

                } 

            }); 

        (this as any).grid.selectRow(rowIndex); 

    } 

Please get back to us, if you need any further assistance. 

Regards, 

Thiyagu S.