用json数据绑定sap ui5

Question

如果我有像这样的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: '/'}"> 
    <columns>
        <Column> 
            <Label text="Processor"/> 
        </Column>
        <Column> 
            <Label text="Components"/> 
        </Column>
    </columns>
    <items>
        <ColumnListItem>
            <Text text="{processor}"/>
            <Text text="{components}"/>
        </ColumnListItem>
    </items>
</Table> 

如何将单元格中的组件数组绑定到该表中处理器的单元格中？ 请参考图片查看我要找的输出。

提前致谢！

Answer 1

您可以使用文本格式化程序在每个数组元素后面添加一个新行。

<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;
    }
 }
});