Угловая-ui-сетка: как отформатировать содержимое поля данных

Question

Я просмотрел документацию по угловым и электрическим сетям, не найдя то, что было названо «CellFormatters» в проекте, в котором я был частью нескольких лет назад.

«CellFormatters» были использованы для предоставления текстового рендеринга поля, для которого предназначен столбец сетки. Например, предположим, что у нас есть столбец для булевого поля isContentEditor в приложении, в котором большинство его пользователей являются простыми читателями. Мы могли бы решить, что во избежание помех UI столбец не должен отображать «ложь» или «нет» или иначе, но он должен скорее ничего не показывать.

В этом старом проекте мы бы определили функцию CellFormatter, которая, IIRC, получит хотя бы значение поля (то есть либо true, либо false) и вернет строку, которая должна быть версией HTML-версии поле содержание.

Возможна ли такая предварительная обработка через функции JavaScript с помощью угловой-ui-сетки?

Answer 1

Используйте 'cellFilter' для указания фильтра для этих данных. Кроме того, если вы установите для параметра sortCellFiltered значение true, сортировка будет применяться ПОСЛЕ того, как фильтр будет использован.

{ 
    field: 'validFrom', displayName: 'VALID FROM',type : 'date', 
    cellFilter : 'date', enableCellEdit : false, sortCellFiltered : true 
} 

.filter('date', function(moment) { 
    return function(input) { 
     if (input) { 
      return moment(input).format('MMM Do, YYYY'); 
     } 
     return 'No Date Provided'; 
    }; 
}); 

ColumDefs Ui-Grid