在Neptune中用JavaScript为sap.ui.table.Table添加行的示例求助

安全阿岳

2026-10-2

在Neptune环境下向sap.ui.table.Table添加行的实现方案

问题原因

你之前的代码不生效是因为sap.ui.table.Table的addRow方法接收的参数是sap.ui.table.Row类型的实例，不能直接传入普通JSON对象。在Neptune + SAPUI5的技术栈下更推荐通过操作绑定模型的方式实现行新增，符合MVVM设计规范，维护成本更低。

实现示例

方案1：通过JSON模型操作新增行（推荐）

这是Neptune环境下的标准用法，只要你的表格列已经正确绑定了COLUMN1/COLUMN2/COLUMN3对应的模型路径，直接操作模型数据即可：

// 初始化表格绑定的空JSON模型（仅首次需要，已有绑定可跳过）
const oTableModel = new sap.ui.model.json.JSONModel([]);
MyTable.setModel(oTableModel);
MyTable.bindRows("/");

// 新增行逻辑
const rowList = MyTable.getModel().getData();
rowList.push({
  "COLUMN1": "Text1",
  "COLUMN2": "Text2",
  "COLUMN3": "Text3"
});
// 刷新模型触发UI更新
MyTable.getModel().refresh();

方案2：通过addRow原生方法新增行

如果确实需要直接操作行控件，需要手动构建行和单元格实例：

// 构建行实例
const newRow = new sap.ui.table.Row();
// 依次添加三个列对应的单元格控件
newRow.addCell(new sap.m.Text({ text: "Text1" }));
newRow.addCell(new sap.m.Text({ text: "Text2" }));
newRow.addCell(new sap.m.Text({ text: "Text3" }));
// 将行添加到表格
MyTable.addRow(newRow);