适用于react-admin的MuiGridList布局的批量操作功能

时间:2019-12-01 14:12:54

标签: reactjs react-admin

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

<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>组件中相同的批量操作功能?

0 个答案:

没有答案