ag - grid + angular 4自定义文本过滤器
提问于 2018-06-21 10:40:21
我有一个名为Account Verification的列，它返回值为true或false。我将表中的值格式化为Yes和No，但是在过滤列时，我仍然必须搜索true或false才能过滤该列。我设置了一个自定义的过滤条件，但它不起作用。有谁有解决方案吗？
columns = [
{
headerName: 'Account Verification', field: 'accountVerified', filter: 'agTextColumnFilter',
// Cell renderer
valueFormatter: (data) => {
if (data.value === true) return 'Yes';
else return 'No';
},
// Custom filter
filterParams: {
condition: (searchTerm, cellValue) => {
if (searchTerm === 'Yes' || 'yes') {
return cellValue === true;
} else if (searchTerm === 'No' || 'no') {
return cellValue === true;
} else return cellValue === null;
}
}
}
]"ag-grid": "^18.0.1"
回答 5
Stack Overflow用户
发布于 2018-06-21 11:12:18
我认为实现这一点的最好方法是使用ag-grid的内置方法，比如：
- onFilterModified
- onFilterChanged
这里提供了将筛选值转换为true/false的逻辑。
或者，使用javascript在过滤器的apply按钮上添加事件侦听器(如果您使用apply按钮来应用过滤器)，它将调用函数来转换您的值。
目前没有示例，但我以同样的方式开发了过滤器验证(自定义)的解决方案。
Stack Overflow用户
发布于 2018-09-24 21:14:30
尝试以下选项之一：
- 类似于valueFormatter在您的列定义中，也使用valueGetter。在列定义(filterValueGetter(params) -函数或表达式)中也可以使用此方法。获取用于筛选目的的值。)
- 您可以在数据模型中添加一个新字段，该字段基于具有true/false的原始字段的值初始化为是/否。然后在列定义中，您可以使用这个新字段在grid.
- Alternatively，中显示您可以编写的自定义过滤器组件。请参阅ag-grid网站上的自定义角度过滤器示例。
Stack Overflow用户
发布于 2019-01-22 17:05:21
您可以在filterParams中使用TextFormatter在过滤过程中修改筛选器值：
filterParams: { textFormatter: (filterValue) => 'yourvalueformatter' }https://www.ag-grid.com/javascript-grid-filter-text/#text-formatter
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50966494
复制相关文章
腾讯云开发者
