Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在button-React js的onclick事件中以编程方式选择物料表的行_Javascript_Reactjs_Onclick_Material Table - Fatal编程技术网

Javascript 如何在button-React js的onclick事件中以编程方式选择物料表的行

Javascript 如何在button-React js的onclick事件中以编程方式选择物料表的行,javascript,reactjs,onclick,material-table,Javascript,Reactjs,Onclick,Material Table,我正在使用材料表。我需要根据某些条件单击按钮选择多行。该条件写在下面的代码中。有人能告诉我如何根据某些条件选择多行吗 <MaterialTable icons={tableIcons}title="" columns={[ { title: 'Project Name', field: 'Pr

我正在使用材料表。我需要根据某些条件单击按钮选择多行。该条件写在下面的代码中。有人能告诉我如何根据某些条件选择多行吗

 <MaterialTable
                            icons={tableIcons}title=""

                            columns={[
                                { title: 'Project Name', field: 'Project_Name', render: rowData => <Link to='/projectdetails'>{rowData.Project_Name}</Link> },
                                { title: 'Methods Covered', field: 'Methods_Covered', type: 'numeric' },
                                { title: 'Methods not Covered', field: 'Methods_not_Covered', type: 'numeric' },
                                { title: 'Total Methods', field: 'Total_Methods', type: 'numeric' },

                                    ]}

                            data={this.state.results}


                            components={{
                                Toolbar: props => (
                                    <div>
                                        <MTableToolbar {...props} />
                                        <div className="Mtable">

                                       
                                            <div>
                                                <Button color="primary" onClick={rowData => 
                                                 (rowData.Methods_Covered ? 
                                                  rowData.tableData.checked = true : 
                                                  rowData.tableData.checked = false)}>
                                                 select Highlighted</Button>
                                            </div>
                                            
                                        </div>
                                      
                                    </div>
                                ),
                            }}
                            onSelectionChange={this.handleSelect}
                            onRowClick={this.handleRowClick}
                            options={{
                                sorting: true,
                                selection: true,
                                search: true,
                                searchAutoFocus: true,
                                searchFieldAlignment: 'right',
                                searchFieldStyle: {
                                    border: 'solid black 2px',
                                },
                              }}
  />
{rowData.Project_Name},
{title:'Methods Covered',field:'Methods_Covered',type:'numeric'},
{title:'Methods not Covered',field:'Methods_not_Covered',type:'numeric'},
{title:'Total Methods',字段:'Total_Methods',键入:'numeric'},
]}
数据={this.state.results}
组成部分={{
工具栏:道具=>(
(rowData.Methods_是否涵盖?
rowData.tableData.checked=true:
rowData.tableData.checked=false)}>
选择突出显示的
),
}}
onSelectionChange={this.handleSelect}
onRowClick={this.handleRowClick}
选择权={{
排序:对,
选择:正确,
搜索:对,
searchAutoFocus:true,
searchFieldAlignment:'右',
searchFieldStyle:{
边框:“纯黑2px”,
},
}}
/>

我还没有尝试OP的代码,但是有此问题的人可以检查MaterialTable的
选项的
属性:

options={{
  sorting: true,
  selection: true,
  search: true,
  searchAutoFocus: true,
  searchFieldAlignment: 'right',
  searchFieldStyle: {
      border: 'solid black 2px',
  },
  selectionProps: ({ tableData: { checked } }) => ({
    checked
  }),
}}
请检查最后一个示例:


这里的选项文档:

我还没有试过OP的代码,但是有这个问题的人可以检查MaterialTable的
选项的
属性:

options={{
  sorting: true,
  selection: true,
  search: true,
  searchAutoFocus: true,
  searchFieldAlignment: 'right',
  searchFieldStyle: {
      border: 'solid black 2px',
  },
  selectionProps: ({ tableData: { checked } }) => ({
    checked
  }),
}}
请检查最后一个示例:

以及此处选项的文档: