交互式网格工具栏中的新按钮

Question

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

有什么方法可以创建新的 buttons/change 现有交互式网格工具栏按钮的行为？

Answer 1

我看到您使用的是 APEX 5.1。是的，您可以在交互式网格中自定义工具栏按钮。例如，您可以修改“保存”和“添加行”按钮的外观，还可以添加“删除”按钮。 Select 您的交互式网格区域，然后在属性编辑器中，为 Advanced > Static ID 输入一个值。 Select 属性 > 高级 > 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

交互式网格工具栏中的新按钮

New Buttons in Interactive Grid toolbar

oracle-apex

oracle-apex-5.1