ag-grid 列搜索不适用于对象作为单元格值

2024-04-13

我使用 cell_renderer 来定义我的单元格,如下所示:

        var cell_renderer = function(params) {
            var element = "";
            var values = params.value;
                angular.forEach(values, function(each_param){
                    element += '<a href="#/workunit/' + each_param.id + '" target="_blank">' + each_param.id +
                            '<span class="text-danger text-bold">'+
                            '<span class="" title="' + inactive_message +
                            '">' + inactive_flag + ' </span>' +
                            '<span class="" title="' + misconfigured_message +
                            '"> ' +misconfigured_flag + '</span>'+
                            '</span></a><br>';
                })
            return element;
        };

我的列定义是这样的:

                var testObject = {};
                testObject.headerName = "my header";
                testObject.field = each_branch;
                testObject.width = 200;
                testObject.cellClassRules = cell_class_rules;
                testObject.cellRenderer = cell_renderer;
                columnDefs.push(testObject);

这里 testObject.field =each_branch ,是一个 json 对象。

因此,内置搜索功能在 ag-grid 中不起作用。任何人都可以在这里帮助我吗?


默认情况下,Ag-grid 中的 textFormatter 返回字符串表示形式,如果您包含 textFormatter 并在 textCustomComparator 中返回相同的对象,您将获得 valueGetter 中的对象:

   filter: "agTextColumnFilter",
filterParams: {
    textCustomComparator: function  (filter, value, filterText) {
        //value is the object from valueGetter
    },
    textFormatter: function(r) { 
        //this is the solution
        return r; 
    }, 
    valueGetter: function getter(params) {
        return {
            ...
        };
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ag-grid 列搜索不适用于对象作为单元格值 的相关文章

随机推荐