Oracle APEX交互式报表如何获取整行数据并生成摘要

方法一：通过DOM遍历获取行数据 #

利用按钮所在的DOM元素定位报表行，提取单元格内容。这种方法实现快速，但需注意列顺序变动时同步调整代码。

按列顺序提取数据 #

// 获取触发按钮所在的报表行
var $row = $(this.triggeringElement).closest('tr');
// 提取所有可见单元格的文本内容
var rowData = [];
$row.find('td').each(function() {
    rowData.push($(this).text().trim());
});

// 假设列顺序为：bug编号、bug描述、开发人员、审核人员、tdd、dtc、mr
var bugNo = rowData[0];
var bugDesc = rowData[1];
var dev = rowData[2];
var reviewer = rowData[3];
var tdd = rowData[4];
var dtc = rowData[5];
var mr = rowData[6];

// 生成格式化摘要
var summary = `Bug编号：${bugNo}\n描述：${bugDesc}\n开发人员：${dev}\n审核人员：${reviewer}\nTDD：${tdd}\nDTC：${dtc}\nMR：${mr}`;
console.log(summary);

按列头匹配提取数据（避免列顺序变动影响） #

// 获取报表区域及列头文本
var $region = $(this.triggeringElement).closest('.apexir_WORKSHEET');
var columnHeaders = [];
$region.find('.apexir_HEADERS th').each(function() {
    columnHeaders.push($(this).text().trim());
});

// 提取行数据并映射到列头
var $row = $(this.triggeringElement).closest('tr');
var rowData = {};
$row.find('td').each(function(index) {
    rowData[columnHeaders[index]] = $(this).text().trim();
});

// 生成格式化摘要
var summary = `Bug编号：${rowData['bug编号']}\n描述：${rowData['bug描述']}\n开发人员：${rowData['开发人员']}\n审核人员：${rowData['审核人员']}\nTDD：${rowData['tdd']}\nDTC：${rowData['dtc']}\nMR：${rowData['mr']}`;
console.log(summary);

方法二：利用APEX内置API获取行数据 #

直接从APEX报表数据模型中获取原始数据，不受DOM渲染或列顺序变动影响，稳定性更高。需提前确认报表的静态ID（在报表属性中设置）。

针对交互式报表（Interactive Report） #

var rowId = $(this.triggeringElement).data("id");
var regionStaticId = "YOUR_REGION_STATIC_ID"; // 替换为你的报表静态ID

// 获取报表数据源
var irData = apex.region(regionStaticId).widget().data('apexir').rows;
// 匹配主键对应的行数据（假设第一列为BUG_TRACKER_ID，需根据实际查询调整索引）
var targetRow = irData.find(function(row) {
    return row[0] == rowId;
});

if (targetRow) {
    // 提取各字段值（索引对应报表查询的列顺序）
    var bugNo = targetRow[1];
    var bugDesc = targetRow[2];
    var dev = targetRow[3];
    var reviewer = targetRow[4];
    var tdd = targetRow[5];
    var dtc = targetRow[6];
    var mr = targetRow[7];

    // 生成格式化摘要
    var summary = `Bug编号：${bugNo}\n描述：${bugDesc}\n开发人员：${dev}\n审核人员：${reviewer}\nTDD：${tdd}\nDTC：${dtc}\nMR：${mr}`;
    console.log(summary);
}

针对交互式网格（Interactive Grid） #

var rowId = $(this.triggeringElement).data("id");
var regionStaticId = "YOUR_REGION_STATIC_ID"; // 替换为你的网格静态ID

// 获取网格数据模型
var model = apex.region(regionStaticId).widget().interactiveGrid('getViews', 'grid').model;
var record = model.getRecord(rowId);

if (record) {
    // 提取各字段值（参数为数据库列名）
    var bugNo = model.getValue(record, 'BUG_NO');
    var bugDesc = model.getValue(record, 'BUG_DESC');
    var dev = model.getValue(record, 'DEVELOPER');
    var reviewer = model.getValue(record, 'REVIEWER');
    var tdd = model.getValue(record, 'TDD');
    var dtc = model.getValue(record, 'DTC');
    var mr = model.getValue(record, 'MR');

    // 生成格式化摘要
    var summary = `Bug编号：${bugNo}\n描述：${bugDesc}\n开发人员：${dev}\n审核人员：${reviewer}\nTDD：${tdd}\nDTC：${dtc}\nMR：${mr}`;
    console.log(summary);
}

可选：一键复制摘要到剪贴板 #

生成摘要后，可添加剪贴板复制功能提升体验：

navigator.clipboard.writeText(summary).then(function() {
    apex.message.showPageSuccess('摘要已复制到剪贴板');
}).catch(function(err) {
    console.error('复制失败:', err);
});

内容的提问来源于stack exchange，提问作者Divya Rose