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

我是新来的角，所以请接受我的道歉，如果它的基本问题。我有一个网格定义，它从数据库中获取行数据。我正在尝试在网格上方放置搜索栏，以在其上应用其他免费文本过滤器。网格上已经有列过滤器。任何帮助将非常感激。我正在使用这里是我的代码[ag-grid]：网格上方的自由文本过滤器/搜索栏

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


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

我也看过外部过滤器，但我不能实现它作为自由文本。我真的很挣扎。请帮助我。非常感谢。

来源

2017-06-06 Ayesha Khan

以下是我最后工作的解决方案：

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

：

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

叫它

来源

2017-07-11 12:32:19

这是错误的ng模型。正确的值是：

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

来源

2017-06-06 12:23:22

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

回答

相关问题