首页 文章

Ag-grid自定义过滤器:filterParams - Angular 1.x中的cellRenderer

提问于
浏览
3

根据文档https://www.ag-grid.com/best-angularjs-data-grid/index.php,如果我在网格的选项对象中将angularCompileFilters选项设置为true,则cellRenderer中的模板将被视为Angular指令 .

但是,我只能对单元格进行Angular编译 - 而不是 Headers 过滤器 . 是因为它只适用于Ag-Grid-Enterprise版本吗?或者它只是一个错误?

此外,我也没有看到任何正确记录的样本片段 .

1 回答

  • 0

    它也适用于过滤器,您只需要设置自定义过滤器:

    this.gridOptions = { 
        angularCompileFilters:true,
        columnDefs: [{
            headerName: "My Column",
            field: "MyColumn",
            filter: function () {
                this.init = function (params) {
                    //init logic
                } 
    
                this.getGui = function () {
                    return "<p ng-repeat=\"i in \'abc\'\">{{i}}</p>"
                }
                this.isFilterActive = function () { 
                    return true; 
                }
    
                this.doesFilterPass = function (params) {
                    //filter logic 
                    return true;
                }
                this.getModel = function () {
                    return { name: "" }
                }
    
                this.setModel = function (model) {
                }
          }
    }
    

    getGui 返回的字符串将被编译为角度组件 .

相关问题