angularjs – ag-grid列搜索不使用object作为单元格值

发布时间：2020-12-17 17:09:43 所属栏目：安全来源：网络整理

导读：我使用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="_

我使用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 {
            ...
        };
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!