javascript - ExtJS6:在网格面板的列中传递整个对象或 2 个字段

Question

在构建 GridPanel 的列值时，如果该字段没有值，我需要查找该字段，它应该查找另一个字段并将其呈现为列值。现在根据ExtJS6 docs ，我们可以将单个数据属性传递给 dataIndex 并通过渲染函数塑造值。但是没有提到如果提到的字段没有值，如何使用回退属性。

这是片段:

{
  text: 'Title',
  flex: 1,
  dataIndex: '<how-to-pass-object-itself-or-two-fields>',
  renderer: function(value, metaData) {
    return '<i class="fa fa-bars"></i>' +  value;
  }
}

Answer 1

渲染器函数有更多的输入参数。

您可以抓取记录中的所有字段。

var DEFAULT_VALUE = '';

{
    dataIndex : 'a' // or could be 'b', or 'c' or etc…
    renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
        var fieldA = record.get('a');
        var fieldB = record.get('b');
        var fieldC = record.get('c');

        // …

        return value || DEFAULT_VALUE; // ?
    }
}

在返回语句中，只需将 DEFAULT_VALUE 替换为您的其他字段值之一或实际默认值。