Datagrid - How to get buttons row data

[spider58]

hi,

I have a button column which has 4 buttons and i want to get clicked buttons row data.

onselectionchanged event i am getting selectedrow but buttons click event  fired before selection changed event.

after program start first click on button selection is null. second or the other clicks selection will become previous row because click code firing before selection changed event.



Button column click code

Code:

render={({ row }) => (
              <div>
                         <a href="javascript:void(0)" onClick={() => this.getSelectedRow(this)}>click me</a>
              </div>
            )}

function

Code:

getSelectedRow() {
    console.log(this.state.selection);
}

grid selection code

Code:

<DataGrid data={this.state.data} style={{ height: 250 }}
          selectionMode="single"
          selection={this.state.selection}
          onSelectionChange={(selection) => this.setState({ selection: selection })}
        >

And i have second question

How can i access datagrid object for use methods such as "toggleRow"

Thanks

[stworthy]

Please pass the 'row' to your clicking handler function.

Code:

<a href="javascript:void(0)" onClick={() => this.getSelectedRow(row)}>click me</a>

[spider58]

Please pass the 'row' to your clicking handler function.

Code:

<a href="javascript:void(0)" onClick={() => this.getSelectedRow(row)}>click me</a>

hi.

Thanks for answer

i tried already

Code:

getSelectedRow(row) {
    this.setState({ selection: row})
    console.log(this.state.selection);
}

still getting previous row data

But i can access row data with row. i will use row not use state 

and another question

how can i use methods such as (toggleRow)

[stworthy]

Use this code instead.

Code:

this.setState({ selection: row}, ()=>{
	console.log(this.state.selection);
})