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

Angular-ui-grid: How to format the contents of a data field

本文关键字：字段 格式化数据 Angular-ui-grid      更新时间：2023-09-26

我搜索了angular-ui-grid文档，但没有找到几年前我参与的一个项目中所谓的"CellFormatters"。

"CellFormatters"用于提供网格列所针对字段的文本呈现。例如，假设我们有一个列，用于应用程序中的布尔"isContentEditor"字段，该应用程序的大多数用户都是简单的阅读器。我们可能会决定，为了避免 UI 混乱，该列不应显示"false"或"否"，否则它应该不显示任何内容。

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

通过 JavaScript 函数进行这种预处理是否可能与 angular-ui-grid 一起使用？

使用 '

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

相关文章：