AngularJS ui-grid 3.x按输入框过滤

Question

即时通讯使用ui-grid并有一个输入框。 我想将输入框绑定为网格中的列的过滤器。我不想在ui-grid中使用buildin文本框。

任何人都可以帮忙吗？

Answer 1

在gridOption.columnDefs中
1. ，设置您要过滤的列，例如：{ field: 'gender', enableFiltering: false }以禁用内联过滤器
2. 使用gridApi
获取网格状态
3. 在state.columns中找到您的列，并将过滤器添加到其中。
4. 恢复网格状态，即将过滤器应用于网格 我让你成了一个笨蛋。 http://plnkr.co/edit/p878r7GsFig1goX5rroK?p=preview

Answer 2

当我寻找同样的东西时，sunz7的回答帮助了我，但是，你可以改进它，因为在这种状态下，sunz7提供的plunker不允许改变搜索。单击该按钮将在上一次搜索中触发搜索。

作为奖励，只需更改

，空的搜索字段就会删除过滤器

$scope.state.columns[1].filters.push({term: $scope.genderFilter});

通过

$scope.state.columns[1].filters[0] = {term: $scope.genderFilter || '*'};

http://plnkr.co/edit/HN9kc9IbHdi9YH4OBUS7?p=preview

这个plunker的叉子解决了这个问题。