angular - 如何根据Angular 6同一行中的其他单元格值在AG-Grid选择下拉列表中加载不同的选项?
问题描述
我在列定义中使用以下代码:
{ headerName: 'Part', field: 'part',
cellStyle: {'background-color': 'cyan'}, editable: true,
cellEditor:'agSelectCellEditor', cellEditorParams:
我在网格中有其他列 ex-
{ 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 };
}}},
}
我收到错误无法读取未定义的 this.partTypeListRS 属性,如果我单击满足 selectedPart==='R&S' 条件并分别满足所有其他条件的行。
解决方案
您可以cellEditorParams
以根据另一列的值返回不同值的方式定义函数。
这是来自 ag-grid 网站的示例 -
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']
};
}
}
看看官方文档中的这个例子。
推荐阅读
- spring - 用于多对多查询的 Spring Data JPA 属性表达式
- android - 如果我的应用仅针对印度国家/地区发布,我是否需要向用户提供 admob 欧盟同意书?
- objective-c - 阻止来自 WKWebView 中加载的 url 的广告
- c++ - 使用 struct 动态分配内存
- python - Python中的购物篮和聚类
- dapper - 使用 Dapper 级联多重映射
- python - Python根据对象属性将对象列表拆分为子列表
- angular - Angular http客户端模块不显示响应
- selenium-webdriver - 无法将 SQL 服务器连接到 Selenium Webdriver
- c# - 在 Visual Studio 解决方案之间共享项目