2

我在我的 angular2+ 应用程序中实现了 ag 网格,过滤器对我来说工作正常,但对于某些字段我需要自定义过滤器,因为这些字段不是主数组中的直接字段,例如

abc = [
    xyz_field,
    inner_parent_array: [{inner_field: 60}]
]

我想通过名为 inner_field 的字段进行过滤,但无法使用自定义过滤器进行过滤

这是来自 floatingfiltercomponent 的代码

private params: IFilterParams;
private valueGetter: (rowNode: RowNode) => any;
public text: string = '';

@ViewChild('input', {read: ViewContainerRef}) public input;

agInit(params: IFilterParams): void {
    this.params = params;
    this.valueGetter = params.valueGetter;
    console.log(this.params);
}

isFilterActive(): boolean {
    return this.text !== null && this.text !== undefined && this.text !== '';
}

doesFilterPass(params: IDoesFilterPassParams): boolean {
    console.log(params.node);
    return this.text.toLowerCase()
        .split(" ")
        .every((filterWord) => {
            return this.valueGetter(params.node).toString().toLowerCase().indexOf(filterWord) >= 0;
        });
}

getModel(): any {
    return {value: this.text};
}

setModel(model: any): void {
    this.text = model ? model.value : '';
}

ngAfterViewInit(params: IAfterGuiAttachedParams): void {
    setTimeout(() => {
        this.input.element.nativeElement.focus();
    })
}

onChange(newValue): void {
    if (this.text !== newValue) {
        this.text = newValue;
        console.log(this.params);
        this.params.filterChangedCallback();
    }
}

但它给出了错误,this.params.filterChangedCallback 不是一个函数,我不知道如何解决这个问题

过滤器适用于 xyz_field 但不适用于 inner_field

这是我想做的活生生的例子

https://plnkr.co/edit/euuPnjpQ2IwtbKRYTXIv?p=preview
4

1 回答 1

0

AG-Grid 支持帮助我找到这个,在列定义中使用 valueGetter 代替 valueFormatter

于 2019-01-27T15:59:59.070 回答