首页 文章

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

提问于
浏览 次
0

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

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


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

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

angular ag-grid

2 回答

  • 1

    ng模型错了 . 正确的值是：

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

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

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

    从您的HTML中调用它：

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

相关问题