Reactjs react admin'的批量操作功能;s MuiGridList布局
我正在尝试向react admin 2.9.7中的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> 复选框显示在第一列中,与此演示相对应。太棒了 然后是网格
组件添加批量操作功能。如下所示呈现表时:
<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>