- 在Sap.m.Table控件中添加一列按钮列,代码如下:
<Table items="{/yourData}" id="myTable" delete="onDeleteRow">
<columns>
<Column>
<Text text="ID"/>
</Column>
<Column>
<Text text="Name"/>
</Column>
<Column hAlign="End" vAlign="Middle" width="5rem" hAlign="Center">
<Button icon="sap-icon://delete" type="Transparent" press="onDeleteRow" />
</Column>
</columns>
<items>
<ColumnListItem>
<cells>
<Text text="{ID}"/>
<Text text="{Name}"/>
</cells>
</ColumnListItem>
</items>
</Table>
- 在Sap.m.Table中添加onDeleteRow方法,代码如下:
onDeleteRow: function(oEvent) {
var oTable = this.byId("myTable");
var oSelectedRow = oTable.getSelectedItem();
if (oSelectedRow) {
oTable.removeItem(oSelectedRow);
} else {
sap.m.MessageToast.show("Please select a row to delete");
}
}
- 在CSS样式表中修改按钮列文本,代码如下:
.sapMListTblCellBtnTxt {
display: none;
}
- 在Sap.ui.getCore().attachInit方法中替换默认文本,代码如下:
Sap.ui.getCore().attachInit(function() {
sap.ui.getCore().setModel(new sap.ui.model.json.JSONModel({yourData: []}));
var oTable = new sap.m.Table({
noDataText: "No data available",
deleteButtonText: "Delete"
});
oTable.placeAt("content");
});
注意事项:
- 将代码中的“yourData”替换为自己的数据集合。
- 删除按钮列的文本将被隐藏。
- 在Sap.ui.getCore().attachInit方法中设置表格的默认文本。