代码之家 › 专栏 › 技术社区 › Trent

AngularJS用户界面网格重新使用自定义过滤器

angular-ui-grid angularjs

Trent · 技术社区 · 7 年前

我有一个基本的网格,其中有两列是范围,即10-50、0-9等,我已经在其中一个columndef上编写了一个自定义过滤器;

filter: {
  condition: function(searchTerm, cellValue) { ... }
}

这个过滤器工作得很好,但我想把它去掉,重新使用,只是我不知道怎么用。

我试着在控制器中将其定义为 function rangeFilter(...) 和 vm.rangeFilter = rangeFilter 然后将其分配给条件 grid.appScope.filterRange(searchTerm, cellValue) 但那不管用。

我真的不知道该怎么做,我还没能在文档中找到任何东西,也没能通过谷歌找到。

这是它的一个动作; http://next.plnkr.co/edit/mbtXzfWqBg8FIALu

1 回复 | 直到 7 年前

Jaydo 7 年前

正如您所做的,将函数移出列定义。

function rangeFilter() {
    ...
}

在列定义中传递对两者中函数的引用。

vm.gridOptions = {
    ...
    columnDefs: [
      // default
      { field: 'name' },
      { field: 'range', cellFilter: 'range', filter: {condition: rangefilter}},
      // I want to reuse the same filter as 'range' for this column somehow...
      { field: 'anotherRange', cellFilter: 'range', filter: {condition: rangefilter}}
    ],
    ...
  };

Plunker

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

7 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

7 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

7 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

7 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

7 年前