Question

我已经搜索了angular-ui-grid文档而没有在几年前参与的项目中找到所谓的“CellFormatters”。

“CellFormatters”用于提供网格列所用字段的文本呈现。例如，假设我们在应用程序中有一个布尔“isContentEditor”字段的列，其中大部分用户都是简单的读者。我们可能会决定为了避免UI杂乱，列不应该显示“false”或“No”，否则它应该不显示任何内容。

回到那个旧项目，我们将定义一个CellFormatter函数，IIRC，至少会收到字段值（即true或false）并返回一个字符串，该字符串应该是该字段的HTML格式版本内容。

使用angular-ui-grid可以通过JavaScript函数进行这样的预处理吗？

Answer 1

使用＆＃39; cellFilter＆＃39;用于指定该数据的过滤器。此外，如果您设置＆＃39; sortCellFiltered＆＃39;如果为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

Angular-ui-grid：如何格式化数据字段的内容

1 个答案: