MUI - 检查单元格在 `renderEditCell` 内是否可编辑

问题描述 投票:0回答:1

我有一个包含不同单元格类型的 MUI 数据网格。 我必须检查按用户权限编辑单元格的选项。我想在

renderEditCell
内执行此操作 - 仅在用户尝试编辑后,不想对初始表渲染中的任何单元格进行权限测试以提高网格性能。

另外,我需要

params
来检查权限,所以我无法在列级别检查它。

我尝试这样做,但我在编辑模式下获得了视图组件。

 renderEditCell: params => hasPermission(params.row.id, userId) ? renderEditMode(params) : renderViewMode(params),

enter image description here

如果用户没有编辑权限,如何在不进入编辑模式的情况下做到这一点?

javascript material-ui datagrid
1个回答
0
投票

以下是如何实现此目标的示例:

renderEditCell: (params) => {
    const hasPermission = checkPermission(params.row.id, userId);
    if (!hasPermission) {
        // User doesn't have permission, render the view mode
        return renderViewMode(params);
    }

    // User has permission, render the edit mode
    return renderEditMode(params);
},
© www.soinside.com 2019 - 2024. All rights reserved.