Angular 如何在AG Grid select下拉列表中根据同一行中的其他单元格值(角度6)加载不同的选项?
我在列定义中使用以下代码:Angular 如何在AG Grid select下拉列表中根据同一行中的其他单元格值(角度6)加载不同的选项?,angular,angular6,ag-grid,ag-grid-angular,Angular,Angular6,Ag Grid,Ag Grid Angular,我在列定义中使用以下代码: { headerName: 'Part', field: 'part', cellStyle: {'background-color': 'cyan'}, editable: true, cellEditor:'agSelectCellEditor', cellEditorParams: 我在表格中还有另外一列- { headerName: 'Colour', field: 'colour', cellStyle: {'bac
{ headerName: 'Part', field: 'part',
cellStyle: {'background-color': 'cyan'}, editable: true,
cellEditor:'agSelectCellEditor', cellEditorParams:
我在表格中还有另外一列-
{ headerName: 'Colour', field: 'colour',
cellStyle: {'background-color': 'cyan'}, editable: true,
cellEditor:'agSelectCellEditor', cellEditorParams: function(params) {
var selectedPart = params.data.type; if (selectedPart==='R&S') {
return { values: this.partTypeListRS }; } else if(selectedPart==='WiFi')
{ return { values: this.partTypeListWifi }; } else
if(selectedPart==='Other') { return { values: this.partTypeListOther };
}}},
}
如果我单击满足selectedPart=='R&S'条件的行以及分别满足所有其他条件的行,则会出现无法读取属性this.partTypeListRS的错误。您可以定义
cellEditorParams
函数,该函数根据另一列的值返回不同的值
这是来自ag网格站点的样本-
cellEditor : 'agSelectCellEditor';
cellEditorParams: function(params) {
var selectedCountry = params.data.country;
if (selectedCountry==='Ireland') {
return {
values: ['Dublin','Cork','Galway']
};
} else {
return {
values: ['New York','Los Angeles','Chicago','Houston']
};
}
}
从官方文件来看这一点 您可以定义
cellEditorParams
函数,根据另一列的值返回不同的值
这是来自ag网格站点的样本-
cellEditor : 'agSelectCellEditor';
cellEditorParams: function(params) {
var selectedCountry = params.data.country;
if (selectedCountry==='Ireland') {
return {
values: ['Dublin','Cork','Galway']
};
} else {
return {
values: ['New York','Los Angeles','Chicago','Houston']
};
}
}
从官方文件来看这一点 我没有使用
函数(params)
,而是使用了箭头函数(params)=>
,然后我可以在CellEditorParams中访问此函数,而不是函数(params)
,我使用了箭头函数(params)=>
,然后我能够访问CellEditorParams内部的这个cellEditor:'agSelectCellEditor',CellEditorParams:function(params){var selectedPart=params.data.rs_或_wifi;if(selectedPart=='R&S'){return{values:this.partTypeListRS};}else if(selectedPart==='WiFi'){return{values:this.parttypelistwi};}else if(selectedPart=='Other'){return{values:this.partTypeListOther};}}}},如果我单击selectedPart==='R&S'条件满足的行,以及分别针对所有其他条件的所有其他条件,cellEditor:'agSelectCellEditor',cellEditorParams:function,我将收到无法读取未定义的属性this.partTypeListRS的错误(params){var selectedPart=params.data.rs_或_wifi;if(selectedPart=='R&S'){return{values:this.partTypeListRS};}否则if(selectedPart==''wifi'){return values:this.parttypelistwi}}else if(selectedPart==='Other'){返回{值:this.partTypeListOther};}}},
如果我单击满足selectedPart='R&S'条件的行以及分别针对所有其他条件的行,我将收到无法读取此属性的错误。未定义的PartTypeLists