javascript - Extjs 6 - 如何在网格中使用 DataIndex 来获取嵌套数据

Question

我在这里创建了一个 fiddle 。我的问题是如何为 Aircraft Name 和 Operator Name 列分配 DataIndex。

https://fiddle.sencha.com/#view/editor&fiddle/2qs9

我不想这样做

{name: 'operator', type: 'auto'},
{name: 'operatorId', type: 'string', mapping:'operator.id'},
{name: 'operatorName', type: 'string', mapping:'operator.name'}

然后使用operatorName作为网格中的DataIndex，因为我的原始数据对于数组和模式嵌套对象来说更加复杂，所以这意味着我需要展平整个数据结构。

Answer 1

您可以在网格中使用模板列或渲染器来显示您需要的内容。

使用模板列:

{
        text: 'Aircraft Name',
        tpl: '{aircraft.name}',
        xtype: 'templatecolumn'
}

使用渲染器:

{
        text: 'Aircraft Name - Second Option',
        renderer: function (v, record) {
               return record.getAircraft() ? record.getAircraft().get('name') : null;
        }
}

fiddle 示例: https://fiddle.sencha.com/#view/editor&fiddle/2qsm