Question

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

<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]：网格上方的自由文本过滤器/搜索栏

2 个答案: