如何将对象数组映射到 ej2 syncfusion 数据网格答案

【问题标题】：How to map array of objects to ej2 syncfusion data grid如何将对象数组映射到 ej2 syncfusion 数据网格
【发布时间】：2022-10-02 04:51:31
【问题描述】：

我想将我的对象数组映射到 ej2 syncfusion react 数据网格中，但是我的对象数组有点复杂。

这是我的示例数组。

[
{
    \"id_team\": \"1\",,
    \"nama_team\": \"Testing\",
    \"adviser\": \"Dummy\"
    \"penyebab\": [
        {
            \"id_penyebab\": \"01.55\",
            \"nama_penyebab\": \"Testing 1\"
        },
        {
            \"id_penyebab\": \"01.57\",
            \"nama_penyebab\": \"Testing 2\"
        },
        {
            \"id_penyebab\": \"01.59\",
            \"nama_penyebab\": \"Testing 3\"
        }
    ],
    \"kontrol\" : [
        {
            \"id_kontrol\" : \"01.444\",
            \"nama_kontrol\" : \"Tested 1\",
            \"lvl_kontrol\" : \"Kuat\"
        },
        {
            \"id_kontrol\" : \"01.445\",
            \"nama_kontrol\" : \"Tested 2\",
            \"lvl_kontrol\" : \"Lemah\"
        },
        {
            \"id_kontrol\" : \"01.446\",
            \"nama_kontrol\" : \"Tested 3\",
            \"lvl_kontrol\" : \"Lemah\"
        }
    ]
}
]

我希望我的表在 ej2 syncfusion 数据网格中看起来像这样（反应）

表格图片：

标签： reactjs syncfusion ej2-syncfusion

【解决方案1】：

不确定它是否可以用作 object.property 或 object["property"]

array.map(object => (
    <p>{object["id_team"]}</p>
    ......
    {object["penyebab"].map(penyObj => (
       <p>{penyObj["id_penyebab"]} - {penyObj["nama_penyebab"]}</p>
    )
    {object["kontrol"].map(idKontrol => (
       <p>{idKontrol["id_kontrol"]}</p>
    )
    {object["kontrol"].map(namaKontrol => (
       <p>{namKontrol["nama_kontrol"]}</p>
    )
    {object["kontrol"].map(lvlKontrol => (
       <p>{lvlKontrol["lvl_kontrol"]}</p>
    )
))

由您决定在网格/弹性中正确显示它

【讨论】：

【解决方案2】：

默认情况下，EJ2 Grid 列只支持数字、字符串、日期、日期时间、布尔值、复选框类型值，不支持数组类型值。请参阅以下文档。

列类型：https://ej2.syncfusion.com/documentation/api/grid/columnType/

我们可以使用 columnTemplate/valueAccessor 功能在 Grid 列中显示一组值。但是，这仅用于显示目的。我们不能对数组类型的列执行任何网格操作，如过滤、排序、跨列、搜索、分组等。这是 EJ2 Grid 的行为。

您是否要求仅出于显示目的在 penyebab 和控制列上显示值数组？或者，您是否要对这些列（penyebab 和控件）执行任何数据操作，如排序、过滤、搜索、分组等？

【讨论】：

不，先生，不仅仅是为了展示。该表将执行几个操作，如过滤、搜索、跨行，甚至导出等。这是要求。