我正在使用 ag 网格来显示使用 Vue.js 的表格。我有一个这样的列定义:
{
headerName: "Status",
field: "featureStatus",
width: 110,
editable: true,
cellEditor: "agSelectCellEditor ",
cellEditorParams: {
values: []
}
},
this.allFeatureStatusNames 是一个返回字符串数组的计算变量:
allFeatureStatusNames: function() {
return this.allFeatureStatuses.map(status => status.name)
}
我在 allFeatureStatuses 上有一个观察者,我想在创建表后更新 cellEditorParams:
allFeatureStatuses: function() {
let colDef = this.columnDefs.find(col => col.headerName == "Status")
if (colDef) {
colDef.cellEditorParams = {
values: this.allFeatureStatusNames
}
}
this.gridColumnApi.refreshCells()
},
我遇到的问题是单元格编辑器永远不会更新。它总是空的。创建表格后如何刷新或更新 cellEditorParams?