在ag-grid中切换可编辑模式和非可编辑模式

Question

我正在使用ag-grid来显示和修改数据。如何在孔ag-grid之间切换可编辑和不可编辑。我可以使用grid api。

这是我的默认配置：

this.defaultDefs = {           
    suppressMovable: true,     
    enableColResize: true,     
    editable: true,            
};     

我可以动态更改可编辑吗？

Answer 1

editable可以是你拥有的布尔值，也可以是函数

如果您使用功能表单，您可以逐个单元格确定是否希望给定单元格可编辑

editable: function(params) {
   return true; // true/false based on params (or some other criteria) value
}

Answer 2

你可以通过你的方式设置editable属性，只需创建另一个函数isEditable（columnName），它将为你提供布尔结果。

this.defaultDefs = {           
    suppressMovable: true,     
    enableColResize: true,     
    editable: isEditable(column),            
};  

Answer 3

在cellEditingStarted回调中进行逻辑检查，当检查失败时调用stop（）。您可能需要编写一些CSS来设置样式或添加Toast / Notification，以向用户提供有关其为何无法编辑的反馈。