SAPUI5 Table

最新推荐文章于 2025-04-21 11:37:10 发布

kaukiyou

最新推荐文章于 2025-04-21 11:37:10 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kaukiyou/article/details/47320085

本文介绍如何在SAPUI5的Table组件中动态添加和删除列。通过Table.removeColumn方法移除指定列，使用Table.addColumn方法新增列，并展示了如何设置新的列属性，包括列标签、模板（使用TextField）及其事件处理。当特定条件满足时，例如根据jstartTabStrip的选中索引和节点文本判断，调整ccParamTable的列数和内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加删除列：

Table.removeColumn(3);

Table.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Memory Value"}),
template: new sap.ui.commons.TextField({ width: "100%", enabled: { parts: ['memModifiable'], formatter: function (v) { return oController.editableFormatter(v); } }, liveChange: enableSave, change: oController.recordChange }).bindProperty("value", "memValue"),
width: "25%"
}));

if(jstartTabStrip.getSelectedIndex()===2) {
if(ccParamTable.getColumns().length===4 && nodeText.indexOf("#") === -1)
ccParamTable.removeColumn(3);
if(ccParamTable.getColumns().length===3 && nodeText.indexOf("#") !== -1)
ccParamTable.addColumn(new sap.ui.table.Column({
label: new sap.ui.commons.Label({text: "Memory Value"}),
template: new sap.ui.commons.TextField({ width: "100%", enabled: { parts: ['memModifiable'], formatter: function (v) { return oController.editorFormatter(v); } }, liveChange: enableSave, change: oController.recordChange }).bindProperty("value", "memValue"),
width: "25%"
}));
oController.loadCCParameters();
}