onRowClick -ui DataGrid -如何从material中分离选择行复选框

Question

我正在使用DataGrid来管理服务配置。我希望使用自动生成的行复选框来管理多个删除操作，但希望使用onRowClick事件将行数据馈送到模式对话框窗体中进行编辑。我的onRowClick处理程序工作得很好，并且完全按照我想要的方式填充模式。不幸的是，单击行也会选中该行--换句话说，所单击行的复选框是选中的。我希望只有在单击复选框本身时才选中该行，而不是在单击该行时选中该行。

我的DataGrid声明如下所示。

                    <DataGrid 
                        columns={this.columns} 
                        rows={fmConfigs}                              
                        pageSize={10} 
                        checkboxSelection 
                        autoHeight
                        onRowClick={(rowData) => this.handleClickOpenFmConfigForm(rowData.row)} 
                />

通常，我希望onRowClick处理程序有第二个参数来表示事件，所以我可以调用类似e.stopPropagation()的函数，但是唯一传递的是GridRowParams类型的对象，没有相应的文档。我希望事件对象可能被埋在那里的某个地方，但我找不到它。当我将对象打印到控制台时，我可以看到有很多数据--这就是我能够找到需要传递给我的表单的行数据的方法--但我没有看到事件。

有谁知道如何做到这一点吗？

Answer 1

将disableSelectionOnClick={true}添加到DataGrid组件，根据doc，单击行或单元格时的选择将被禁用。

<DataGrid
        disableSelectionOnClick={true}
        rows={rows}
        columns={columns}
        pageSize={5}
        checkboxSelection
      />

sandbox