Ag-Grid中复选框的两种方式的数据绑定

Question

我想在ag-grid的一栏中使用复选框。

ColumDefe={
     headername: "",
     Field:"active", 
     Cellrenderer: function(params){
        return `<input type="checkbox" ${ params.value ? 'checked':' '}  />`
     }
}

通过这种方式，我只能实现一种方式的数据绑定，而不能实现两种方式的数据绑定...当我取消选中复选框时，它不会更改活动字段的值。...

Answer 1

您需要为此使用cellEditor组件。

根据ag-grid文档，

  

单元格渲染器用于显示数据，而单元格编辑器用于编辑数据。如果您的应用程序仅用于显示数据，例如报告应用程序，则您无需使用单元格编辑器。如果要像电子表格一样编辑数据，则需要单元格编辑器进行编辑。

参考：Cell editing