Interactive Grid工具栏中的新按钮

Question

我需要向现有的IG工具栏添加一个新按钮，这将在表列中设置特定值，然后保存记录。

有什么方法可以创建新按钮/更改现有Interactive Grid工具栏按钮的行为？

Answer 1

我看到您正在使用APEX 5.1。是的，您可以在交互式网格中自定义工具栏按钮。例如，您可以修改“保存”和“添加行”按钮的外观，还可以添加“删除”按钮。选择您的交互式网格区域，然后在属性编辑器中为“高级”>“静态ID”输入一个值。选择属性>高级> JavaScript初始化代码，然后输入以下内容：

function(config) {
    let $ = apex.jQuery,
        toolbarData = $.apex.interactiveGrid.copyDefaultToolbar(), 
        toolbarGroup = toolbarData.toolbarFind("actions3"); 
        addrowAction = toolbarData.toolbarFind("selection-add-row"), 
        saveAction = toolbarData.toolbarFind("save"); // Save button

    // adding a  "Delete" button
    toolbarGroup.controls.push({type: "BUTTON",
                                action: "selection-delete",
                                icon: "icon-ig-delete", 
                                iconBeforeLabel: true,
                                hot: true
                               });


    // Modifying the buttons
    addrowAction.icon = "icon-ig-add-row"; 
    addrowAction.iconBeforeLabel = true;
    addrowAction.hot = true;

    saveAction.iconBeforeLabel = true;
    saveAction.icon ="icon-ig-save-as"; 
    saveAction.hot = true;


    //storing the config
    config.toolbarData = toolbarData;
    return config;
}

现在运行页面以查看自定义。

这里有个不错的视频，展示了如何自定义IG工具栏。https://www.youtube.com/watch?v=_PBdBAfPBfQ