我有表格sap.ui.table.Table
,我有一个模型,其中有些记录有链接,有些没有。我想在列的sap.m.Link
组件中呈现链接,当链接在记录中不可用时,它应该在列的sap.m.Text
中呈现"未提供链接"。
由于sap.ui.table.Column
具有不支持绑定聚合的模板聚合,因为它仅支持 0 或 1 个控件。格式化程序在这里也适用。有什么方法可以根据模块数据在运行时更改列的内容?
我的模块数据是:
var data = [{
id : 1,
link : 'abc.com'
},
{
id : 2
},
{
id : 3,
link : 'pqr.com'
}]
我提供的代码是:
var link = new sap.m.Link({text : "{link}"});
var noLink = new sap.m.Text({text : "Link is not provided."});
var idColumn = new sap.ui.table.Column({
label : [new sap.m.Label({text : "ID"})],
template : [new sap.m.Text({text : "{id}"})]
});
var linkColumn = new sap.ui.table.Column({
label : [new sap.m.Label({text : "Link"})],
template : [??????]
});
var table = new sap.ui.table.Table({
columns : [idColumn, linkColumn]
});
var model = new sap.ui.model.json.JSONModel();
model.setData({items : data});
table.setModel(model);
table.bindRows("/items");
我想根据模块中的数据在运行时likColumn
列中添加link
和noLink
。我怎样才能做到这一点?
可以使用
formatter
更改每列的显示内容
例如:
new sap.m.Link({
width: "20em",
//editable: false,
//text: "{items>link}"
text: {
path: "items>link",
formatter: function(link){
if (link === undefined) return "Link is not provided"
return link;
}
}
});
...
oTable.addEventDelegate({
onAfterRendering: function(){
$('#idTable a:contains("Link is not provided")').removeClass("sapMLnk");
}
}, oTable);
更新:这是一个 jsbin,其中包含您需要的完整示例:更新的示例