首先需要在columnDefs中定义checkbox列,并将其属性设置为checkboxSelection: true。
然后,在cellRenderer中创建一个复选框元素并添加一个事件监听器,如下所示:
var columnDefs = [
{ field: 'name' },
{ field: 'age' },
{ field: 'address' },
{ headerName: 'Select', checkboxSelection: true }
];
function checkboxRenderer(params) {
var checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.addEventListener('change', function(event) {
if (event.target.checked) {
console.log('Checkbox is checked');
} else {
console.log('Checkbox is unchecked');
}
});
return checkbox;
}
在这个示例中,我们创建了一个名为checkboxRenderer的函数作为cellRenderer。这个函数创建了一个复选框元素并添加了一个事件监听器,在复选框状态改变时打印出一个消息。
最后,将该函数分配给checkbox列的cellRenderer属性,如下所示:
var columnDefs = [
{ field: 'name' },
{ field: 'age' },
{ field: 'address' },
{ headerName: 'Select', checkboxSelection: true, cellRenderer: checkboxRenderer }
];
现在每当用户选中或取消选中一个复选框时,都会调用cellRenderer中定义的事件监听器。