如何在extjs网格单元格中显示嵌套数组

Question

我试图遍历嵌套的json数组以在网格单元中显示值（使用extjs 6.0）。

这是视图中的列：

{
    header: 'Participants',
    dataIndex: 'participants'   
},

该模型：

Ext.define('App.model.Event', {
    extend: 'Ext.data.Model',

    fields: [

        { name: 'eventTypeName', type: 'auto', mapping: 'eventType.eventType' },

        // this only grabs the first object in the list....how to grab all?
        { name: 'participants', type: 'auto', mapping: 'participants[0].participantName' },


    ]
});

和json：

{
  "_embedded" : {
    "events" : [ {
      "participants" : [ {
        "participantId" : 1,
        "participantName" : "name1"
      }, {
        "participantId" : 2,
        "participantName" : "name2"
      }, {
        "participantId" : 3,
        "participantName" : "name3"
      } ],

    }
  }
}

网格中的行是事件，每个事件行将有多个参与者要在单元格中显示。 如何在单个单元格中显示所有参与者名称？

我已经使用hasMany方法尝试了类似于此帖子的内容，但无济于事： https ://www.sencha.com/forum/showthread.php?205509-Displaying-a-hasMany-model-relationship-in-a- 网格和p值= 822648＆viewfull = 1＃post822648

Answer 1

如果要在单元格中显示特殊内容，则需要实现renderer 。 在renderer函数中，您将遍历参与者的当前行，根据所需单元格的外观构建并返回HTML字符串。