使用 AgGridReact 我想在使用 ag-grid reactjs 绑定网格时选择特定行

Question

 <AgGridReact
                // properties
                columnDefs={this.columnDefs}
                rowData={this.state.rowData}
                defaultColDef={this.defaultColDef}
                // events
              //  isRowSelectable={this.isRowSelectable}
                rowSelection={this.rowSelection}
                onSelectionChanged={this.onSelectionChanged.bind(this)}
                frameworkComponents={this.frameworkComponents}
                onGridReady={this.onGridReady}
              ></AgGridReact>
    onGridReady = (params) => {

        this.gridApi = params.api;
        this.gridColumnApi = params.columnApi;
        params.api.sizeColumnsToFit();

      };

我知道这对我有用 rowNode.setSelected(rowNode.data.id === 58); 但是我应该在哪个方法中调用它。提前致谢:)

Answer 1

好了，一旦数据设置为状态，您就可以设置默认选择的行

代码片段：

this.setState({ rowData: data },() => {
    this.gridApi.forEachNodeAfterFilter(function(rowNode) {
        rowNode.setSelected(rowNode.data.id === 58);
    });
});

WORKING DEMO

使用 AgGridReact 我想在使用 ag-grid reactjs 绑定网格时选择特定行

using AgGridReact I want to make specific rows selected when grid is binding using ag-grid reactjs

reactjs

ag-grid

ag-grid-react