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