时间戳

首页 > 解决方案 > 动态设置 Oracle Apex 5.1 交互式网格区域标题

oracle-apex - 动态设置 Oracle Apex 5.1 交互式网格区域标题

问题描述

我想知道是否可以动态更改交互式网格区域标题文本。我有一个提供“主”报告详细信息的 IG，我希望 HTML 标题文本动态更新以显示正在显示的主记录的标题。

我猜我需要创建一个自定义动态操作，但我不确定如何识别/引用区域标题文本元素。

我很欣赏任何想法。

标签： oracle-apex

解决方案

我创建了一个基于 DEPT/EMP 的 Master/Detail 页面来提出这些步骤。

  1. 给子区域一个静态ID（我用过js-ig-emps）。
  2. 在页面设计器中，右键单击父区域并选择创建动态操作。
  3. 对于动态动作，将事件设置为“组件事件 > 选择更改 [交互式网格]”。
  4. 对于动作，将动作设置为“执行 JavaScript”。
  5. 在代码中，输入一些 JavaScript，它使用来自父区域的数据更新子区域的标头。

这是我使用的代码：

var selectedRecord = this.data.selectedRecords[0];
var selectedDept = this.data.model.getValue(selectedRecord, 'DNAME');
var newText = 'Employees in ' + selectedDept;

$('#js-ig-emps .t-Region-title').text(newText);

假设您使用的是通用主题。您需要根据您的要求以及您可以从父区域访问的列进行调整。

推荐阅读