如何在oracle apex中的交互式网格中单击保存按钮时创建警告弹出窗口

Question

我正在尝试纠正如何在单击保存交互式网格中使用的按钮时创建警告/对话框。该警告/对话框有两个选项：

1. 保存将修改后的用户数据提交到数据库
2. 取消不提交修改数据。

目前，我们使用的是Oracle Apex版本5.1.4

Answer 1

我不知道，如何停止IG按钮上的标准保存操作，所以我建议隐藏它并创建另一个。

1. 隐藏标准保存按钮。将gridID放到交互式网格的字段Static ID中，将以下内联CSS样式添加到页面：

   #gridID button[data-action="save"] {
     display: none !important;
   }

2. 在页面上创建一个区域（将是你的模态对话框），设置属性：Position - Inline Dialogs，Template - Inline Dialog，Static ID - 无论你想要什么，但页面都是唯一的（我进一步使用mod）。
3. 在这个区域创建按钮OK和Cancel。
4. 创建一个名为SAVE的新按钮。
5. 将动态操作添加到“保存”按钮。 True Action类型 - Execute JavaScript Code，代码： openModal('mod'); // use here the Static ID of modal dialog
6. 将“动态操作”添加到“取消”按钮。 True Action类型 - Execute JavaScript Code，代码： closeModal('mod');
7. 将动态操作添加到“确定”按钮。真实行动类型 - Submit page，Request / Button Name - OK。
8. 打开进程列表，找到IG的标准保存过程，在那里设置值When Button Pressed - OK。

UPD如何用新的标准保存按钮替换。

9. 将静态ID设置为“保存”按钮（例如，savebtn）
10. 将以下js代码添加到页面属性Execute when page loads：

    var oldBTN = document.querySelector('#gridID button[data-action="save"]');
    var newBTN = document.querySelector('#savebtn');
    oldBTN.parentNode.insertBefore(newBTN, oldBTN);

之后，一切都应该按照您的意愿运作。