将 ui-grid 网格列格式化为货币 (RC 3.0) [英] Format a ui-grid grid column as currency (RC 3.0)

问题描述

下面的网格选项按预期显示数据.但是，如果我尝试格式化 cellTemplate 中的 row.entity[col.field] 值，则不会返回任何数据.

代码:

$scope.gridOptions = {启用排序:真，列定义:[{name: '奖项名称', 字段: 'projectTitle', minWidth: 100 },{name: 'Amount', field: 'awardAmount', cellTemplate: '
{{Number(row.entity[col.field]).toFixed(2).replace(/\d(?=(\d){3})+\.)/g, '$&,')}}]};

有关如何将列格式化为货币的任何指导表示赞赏.

谢谢.

解决方案

您可以使用 'currency' cellFilter 来格式化您的数据.

$scope.gridOptions = {启用排序:真，列定义:[{name: '奖项名称', 字段: 'projectTitle', minWidth: 100 },{name: 'Amount', field: 'awardAmount', cellFilter: 'currency' }}]};

The grid options below display the data as expected. But If I try to to format the row.entity[col.field] value in my cellTemplate, I don't get any data returned.

Code:

$scope.gridOptions = {
    enableSorting: true,
    columnDefs: [
        {name: 'Award Title', field: 'projectTitle', minWidth: 100 },
        {name: 'Amount', field: 'awardAmount', cellTemplate: '<div>{{Number(row.entity[col.field]).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,')}}
    ]
};

Any guidance on how to format the column as currency is appreciated.

Thanks.

解决方案

You can use 'currency' cellFilter to format your data.

$scope.gridOptions = {
    enableSorting: true,
    columnDefs: [
        {name: 'Award Title', field: 'projectTitle', minWidth: 100 },
        {name: 'Amount', field: 'awardAmount', cellFilter: 'currency' }}
    ]
};

这篇关于将 ui-grid 网格列格式化为货币 (RC 3.0)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！