如何从 ag-grid 列菜单中删除第一个菜单

Question

是否有从 ag-grid 列菜单中删除第一个菜单的选项？ 我的意思是带有“pinSubMenu”、“valueAggSubMenu”、“autoSizeThis”等的菜单。

我想打开上下文菜单并首先查看过滤器菜单，然后查看列可见性菜单。

我尝试这样做，但它仍然打开空菜单，我需要导航到我的过滤器菜单：

function getMainMenuItems(params) {
    var countryMenuItems = [];
    var itemsToExclude = [
        'separator', 'pinSubMenu', 'valueAggSubMenu', 'autoSizeThis', 'autoSizeAll', 'rowGroup', 'rowUnGroup',
        'resetColumns', 'expandAll', 'contractAll','toolPanel'
    ];
    params.defaultItems.forEach(function(item) {
        if (itemsToExclude.indexOf(item) < 0) {
            countryMenuItems.push(item);
        }
    });
    return countryMenuItems;
}

Answer 1

看起来你应该能够在 gridOptions 中完成你想做的事情：

gridOptions = {
    ...
    suppressMenuMainPanel: true,
    ...
}

您还可以隐藏列菜单的任何面板：

gridOptions = {
    ...
    suppressMenuMainPanel: true,
    suppressMenuColumnPanel: true,
    suppressMenuFilterPanel: true,
    ...
}

这是假设您使用的是企业版，我假设您使用的是 getMainMenuItems 函数

Answer 2

你需要在colDef对象中指定menuTabs：

{
    headerName: "ID",
    field: "id",
    menuTabs: ['filterMenuTab','generalMenuTab','columnsMenuTab']
}

查看更多详情here。