reactjs - react-admin 的 MuiGridList 布局的批量操作功能

Question

我正在尝试向<MuiGridList>react-admin 2.9.7 中的组件添加批量操作功能。像这样渲染表时：

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

复选框显示在第一列，对应于这个演示https://marmelab.com/react-admin-demo/#/categories。棒极了。

然后我有网格布局（如果这很重要，我将从列表视图动态切换到）：

<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>

这看起来像https://marmelab.com/react-admin-demo/#/products上的演示，但我怎样才能实现与组件中相同的批量操作功能<Datagrid>？

标签： reactjsreact-admin