我正在尝试向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>
组件中相同的批量操作功能?