Я определил шаблон условной ячейки для одного из столбцов. Его отображение данных правильно, но я не могу найти текст в шаблоне ячейки. Вот мой plunkr: https://plnkr.co/edit/TDX5jtPord1hkzCVaw3L?p=preview
var template1 = '<div class="">' +
'<div class="" ng-if="COL_FIELD > 30">Greater </div> ' +
'<div class="" ng-if="COL_FIELD < 30"> Lesser </div> ' +
'</div>';
В шаблоне я поставил условие, что.. если COL_FIELD> 30, тогда напишите Greater.. или напишите Lesser. И теперь я должен иметь возможность искать столбцы Большие или Малые числа.
Решением может быть добавление свойства в ваши данные, например:
$http.get('data.json').success(function(data) {
data.map(function(item) {
item.greaterLesser = item.amount > 30 ? 'Greater' : 'Lesser';
});
$scope.gridOptions.data = data;
});
а затем вместо использования суммы с шаблоном просто привяжите это свойство.
$scope.gridOptions = {
enableFiltering: true,
columnDefs: [{
field: 'name',
width: 70
}, {
field: 'greaterLesser',
name: 'Number',
width: 90,
}, {
field: 'amount',
name: 'Currency',
cellFilter: 'currencyFilter:this',
}]
};
редактировать
Если вы хотите использовать шаблон, вы можете реализовать функцию поиска самостоятельно. Вы можете добавить параметр filter
в свое поле и реализовать функцию condition
. Что-то вроде:
filter: {
condition: function(searchTerm, cellValue) {
var value = cellValue > 30 ? 'greater' : 'lesser';
var result = value.search(searchTerm.toLowerCase());
return result > -1;
}
}
Здесь я использовал функцию search
но вы могли бы использовать match
или какую-либо другую функцию. Вот демонстрационный плункер
Я использовал приведенный ниже код, чтобы поиск работал
field: 'EmpId',
displayName: 'Employee Type',
cellTemplate: '<div style="cursor:pointer" class="ui-grid-cell-contents">{{grid.appScope.GetEmployeeType(row)}}</div>',
filter: {
condition: function (searchTerm, cellValue,row,column) {
var value = $scope.GetEmployeeType(row);//same function that you use to display value in cell Template
return (value.toLocaleLowerCase().indexOf(searchTerm.toLocaleLowerCase())>-1);
}
}