Sapui5 带json数据绑定的sap ui5
如果我有这样的json数据Sapui5 带json数据绑定的sap ui5,sapui5,jsonmodel,Sapui5,Jsonmodel,如果我有这样的json数据 [{"processor":"Mr. XYZ","components":["asd","efg","ghi","fjk"]} , {"processor":"Mr. XYZ","components":["asd","efg","ghi","ghi"]} , {"processor":"Mr. XYZ","components":["asd","efg","lkl"]} ] 如果我要将其绑定到表: <Table id="myt1" items="{path:
[{"processor":"Mr. XYZ","components":["asd","efg","ghi","fjk"]} ,
{"processor":"Mr. XYZ","components":["asd","efg","ghi","ghi"]} ,
{"processor":"Mr. XYZ","components":["asd","efg","lkl"]} ]
如果我要将其绑定到表:
<Table id="myt1" items="{path: '/'}">
<columns>
<Column>
<Label text="Processor"/>
</Column>
<Column>
<Label text="Components"/>
</Column>
</columns>
<items>
<ColumnListItem>
<Text text="{processor}"/>
<Text text="{components}"/>
</ColumnListItem>
</items>
</Table>
如何为该表中的处理器绑定单元格中单独行中的组件数组?
请参考我正在寻找的输出图像
提前谢谢
您可以使用文本格式化程序在每个数组元素后添加新行
<ColumnListItem>
<Text text="{processor}"/>
<Text text="{
path: 'components',
formatter: '.formatter.formatText'
}"/>
</ColumnListItem>
sap.ui.define([], function () {
"use strict";
return {
formatText : function(s){
var sOut = "";
s.forEach(function(sTxt){
sOut += sTxt + "\n";
});
return sOut;
}
}
});