Ag-grid中右键选择行的方法是什么?
创始人
2024-07-30 16:31:36
0
  1. 首先在gridOptions中启用rowSelection选项:
gridOptions = {
    ...
    rowSelection: 'multiple',
    ...
};
  1. 然后在gridOptions中添加一个contextMenu选项:
gridOptions = {
    ...
    contextMenu: {
        // 此处定义右键菜单的选项
        items: [
            {
                name: '选择该行', // 菜单项名称
                action: function(params) { // 执行的函数
                    params.node.setSelected(!params.node.isSelected());
                }
            }
        ]
    },
    ...
};

这里我们定义了一个名为“选择该行”的菜单项。当我们右键单击某一行时,该菜单项将出现在菜单中。当我们选择该项时,将点亮该行的选框。再次选择该项将取消该行的选框。

完整的示例代码可以在下面找到:




    
    Ag-Grid Context Menu Example