Reactjs react admin'的批量操作功能;s MuiGridList布局

Reactjs react admin'的批量操作功能;s MuiGridList布局,reactjs,react-admin,Reactjs,React Admin,我正在尝试向react admin 2.9.7中的组件添加批量操作功能。如下所示呈现表时: <List> <Datagrid> <TextField source="id" /> <TextField source="name" /> <EditButton /> </Datagrid> </List> 复选框显示在第一列中,与此演示相对应。太棒了 然后是网格

我正在尝试向react admin 2.9.7中的
组件添加批量操作功能。如下所示呈现表时:

<List>
   <Datagrid>
      <TextField source="id" />
      <TextField source="name" />
      <EditButton />
   </Datagrid>
</List>

复选框显示在第一列中,与此演示相对应。太棒了

然后是网格布局(如果重要的话,我将从列表视图动态切换到该布局):


{ids.map(id=>(
))}

这看起来像是一个演示,但如何实现与
组件中相同的批量操作功能?

这取决于您希望如何选择磁贴。用户可以单击一个磁贴来选择它吗?或者您想在互动程序中添加一个选择控件吗?最好有复选框,因为我当前已将其放在网格布局中(
元素)-但是我需要将此复选框连接到批量操作,这取决于您希望如何选择互动程序。用户可以单击一个磁贴来选择它吗?或者您想在互动程序中添加一个选择控件吗?最好是有复选框,因为我当前已将其放在网格布局中(
元素)-但是我需要将此复选框连接到批量操作
<List>    
   <MuiGridList
            cellHeight={180}
            cols={getColsForWidth(width)}
            className={classes.gridList}
        >
            {ids.map(id => (
                <GridListTile>
                    <Checkbox/>
                    <EditButton to={linkToRecord(basePath, data[id].id)}/>
                    <ThumbnailField record={data[id]}/>
                    <GridListTileBar
                        className={classes.tileBar}
                        title={data[id].name}
                        key={id}
                    />
                </GridListTile>
            ))}
    </MuiGridList>
</List>