[ag-grid]：网格上方的自由文本过滤器/搜索栏

Question

我是 angular 的新手，如果是基本问题，请接受我的歉意。我定义了一个网格，它正在从数据库中获取行数据。我试图在网格上方放置一个搜索栏，以在其上应用额外的自由文本过滤器。网格上已有列过滤器。任何帮助将非常感激。我正在使用这是我的代码

<input class"search" placeholder="Search..." type="text" ng-model="search-model" ng-change="$ctrl.onFilterChanged(this.search)"/>


onFilterChanged(value){
   this.gridOptions.api.setQuickFilter(value);
  }

我也研究了外部过滤器，但我无法将其作为自由文本实现。我真的很挣扎。请帮帮我。非常感谢。

Answer 1

错误的 ng-model。正确的值为：

<input class"search" placeholder="Search..." type="text" ng-model="search" ng-change="$ctrl.onFilterChanged(this.search)"/>

Answer 2

以下是我的最终解决方案：

在控制器中，在colDef中添加一个字段getQuickFilterText:<some data renderer function>

从您的 HTML 调用它：

<input type="text" ng-model="$ctrl.gridOptions.quickFilterText" placeholder="Type text to filter..." class="toolbarFilterTextBox"

[ag-grid]：网格上方的自由文本过滤器/搜索栏

[ag-grid]: Free text filter/ search bar above the grid

ag-grid

angular