Question

我通过https://www.ag-grid.com/best-vuejs-data-grid/#gsc.tab=0使用带有VueJS（2）的ag-grid，到目前为止一直很好。我可以使用基于json的数据存储等填充简单的网格。

好的，现在我的部分数据源看起来像这样

"closingDate": "2017-05-16T23:00:00",
  "salaryDetails": {
    "paymentSchedule": "hourly",
    "minSalary": 150,
    "maxSalary": 200
  },
 "contractType": "contract",
 "numberOfPositions": 3,

我想填充一个ag-grid，使MinSalary列的内容看起来像“150 hourly”（例如minSalary +''+ paymentSchedule）

下面是我创建columnDefinition的方法，但是你可以看到我不知道用于字段的表达式来实现我想要的目标。

 createColumnDefinitions: function () {
        return [
            { headerName: 'Min Salary', field: ???? }
        ]
 }

有什么想法吗？

编辑：我想知道的是，是否有可能在我的columnDefinition函数中做我想做的事情？例如... ...

createColumnDefinitions: function () {
  return [
    { headerName: 'Min Salary', field: this.concatenateStuff(????) }
  ]
}

Answer 1

知道了！

原来解决方案是在我的columnDefinition中使用“valueGetter”而不是“field”。

所以对我来说，列定义需要像

{ 
headerName: 'Min Salary', valueGetter: 
  function (params) { return params.data.salaryDetails.minSalary + ' ' +     params.data.salaryDetails.paymentSchedule } 
}

在ag-grid中共同创建两个字段（使用VueJS）

1 个答案: