Apex 5.1交互式网格：隐藏指定工具栏按钮且保留编程添加行功能

这个问题的核心是不能通过工具栏配置直接移除按钮——因为那样会同时禁用底层的添加/编辑权限，导致编程添加数据失败。正确的做法是保留权限配置，用JavaScript或CSS隐藏工具栏按钮，同时保留功能权限。

步骤1：确保交互网格的编辑权限配置正确 #

首先在交互网格的属性面板中，找到「Editing」区域：

• 勾选 Allow Add Row 和 Allow Save Changes：这是保证你能通过编程添加行、并保存数据的基础权限
• 如果不需要用户手动编辑行，可以取消勾选 Allow Edit Row；如果只是想隐藏Edit按钮但保留编程编辑的可能，也可以保留这个选项

步骤2：用JavaScript隐藏工具栏按钮 #

在页面加载完成后，通过Apex的交互网格API定位并隐藏指定按钮。你可以把这段代码放在页面的「Execute When Page Loads」中：

$(function() {
    // 替换成你的交互网格静态ID
    const igRegionId = "YOUR_IG_STATIC_ID";
    const igToolbar = apex.region(igRegionId).widget().interactiveGrid("getToolbar");
    
    // 隐藏"Add Row"按钮
    igToolbar.hide("selection-add-row");
    // 隐藏"Edit"按钮（对应工具栏的编辑按钮）
    igToolbar.hide("selection-edit-row");
});

如果不确定按钮的action值，可以用浏览器开发者工具查看按钮的data-action属性——比如Add Row按钮的data-action就是selection-add-row，Edit按钮是selection-edit-row。

备选方案：用CSS隐藏按钮 #

如果你更倾向于用CSS，也可以在页面的「Inline CSS」中添加以下样式：

/* 替换成你的交互网格静态ID */
#YOUR_IG_STATIC_ID .a-IG-toolbar [data-action="selection-add-row"],
#YOUR_IG_STATIC_ID .a-IG-toolbar [data-action="selection-edit-row"] {
    display: none !important;
}

步骤3：验证编程添加数据的功能 #

现在你可以正常使用交互网格的JS API添加行数据了，比如：

const igGrid = apex.region("YOUR_IG_STATIC_ID").widget().interactiveGrid("getViews", "grid");
// 添加一行示例数据，字段名替换成你的列名
igGrid.addRow({
    EMPLOYEE_NAME: "Jane Smith",
    DEPARTMENT: "Engineering",
    SALARY: 75000
});

添加完成后，工具栏的「Save」按钮依然可以正常提交所有新增/修改的数据，完全不受影响。

内容的提问来源于stack exchange，提问作者Coding Duchess