我正在尝试为ag-grid中的整列添加上下文菜单复选框。
通过关注this教程,我可以通过设置checked : true
为我的自定义菜单添加一个复选框,但这不是一个可切换的复选框。它始终设置为true。如何使其成为可转换的?
答案 0 :(得分:1)
首先,您必须定义网格选项的上下文,如下所示:上下文:{thisComponent:this}
public gridOptions: any = {
columnDefs: this.columnDefs,
rowData: this.rowData,
enableSorting: false,
enableFilter: false,
context: { thisComponent: this }
}
然后,您必须创建自己的函数,该函数返回true或false:
public checkedContextMenuFunction(params): boolean {
if (){
return true;
}else {
return false;
}
}
并将其添加到contextMenuItems函数:
已选中:params.context.thisComponent.checkedContextMenuFunction(params)
public getContextMenuItems(params) {
return{
'separator',
{
name: 'Checked menu',
tooltip: 'Tooltip text',
checked: params.context.thisComponent.checkedContextMenuFunction(params),
action: function() {
params.context.thisComponent.differentFunction(params);
}
}
}