在使用SAPUI5中的对话框显示表中选定行的数据时,可以按照以下步骤进行操作:
<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-libs="sap.m"></script>
<Table id="myTable" items="{/data}">
<columns>
<Column>
<Text text="Name" />
</Column>
<Column>
<Text text="Age" />
</Column>
</columns>
<items>
<ColumnListItem press="onItemPress">
<cells>
<Text text="{Name}" />
<Text text="{Age}" />
</cells>
</ColumnListItem>
</items>
</Table>
onItemPress: function(oEvent) {
var oSelectedItem = oEvent.getSource();
var oContext = oSelectedItem.getBindingContext();
var sPath = oContext.getPath();
var oModel = this.getView().getModel();
var oSelectedData = oModel.getProperty(sPath);
// 创建对话框并设置内容
var oDialog = new sap.m.Dialog({
title: "Selected Data",
content: new sap.m.Text({
text: "Name: " + oSelectedData.Name + "\nAge: " + oSelectedData.Age
}),
beginButton: new sap.m.Button({
text: "Close",
press: function() {
oDialog.close();
}
})
});
// 打开对话框
oDialog.open();
}
以上代码中,通过获取选定行的数据路径,然后从数据模型中获取对应的数据,并将数据显示在对话框中。最后,创建一个关闭按钮,并在按钮点击时关闭对话框。
这样,当用户点击表格中的某一行时,将会触发onItemPress
事件处理函数,该函数会创建一个对话框并显示选定行的数据。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云