Formatowanie wartości stopek w sieci ui-grid

Question

Jak sformatować wartość zagregowaną dla kolumny w układzie ui-grid?

Z moich numerów dostaję coś okropnego jak

total: 6370.046074130321 

kiedy chciałbym

total: $6370.05 

Próbowałem zarówno:

footerCellTemplate: '<div class="ui-grid-cell-contents" >{{COL_FIELD | currency}}</div>', 

i

footerCellTemplate: '<div class="ui-grid-cell-contents" >{{grid.getCellValue(row, col) | currency}}</div>', 

ale żaden z nich nie działa.

Answer 1

szablony ty próbował będzie pracować dla wartości normalnych komórek, ale swój próbują dostać szablon pracować na wartości zagregowanej.

Aby uzyskać zbiorczą wartość kolumny wewnątrz szablonu, można użyć opcji {{col.getAggregationValue()}} i dodać opcje formatu.

Skoro chcesz mieć dwóch miejsc po przecinku będzie to bardziej jak {{col.getAggregationValue() | number:2 }}

Należy również pamiętać, szablon będzie inny, jeśli masz włączoną obsługę filtrów kolumn w siatce.

Answer 2

Możesz użyć filtra number, aby wybrać żądaną liczbę dziesiętną.

{{'$' + valueToFormat | number:2}} 

W przeciwnym razie, można użyć funkcji filtrowania custom filter tekst/wartość siebie.

w module dodawania:

.filter('customFilterFunction', function() { 
return function(input) { 
    var out = ""; 
    out = '$' + parseFloat(input).toFixed(2); 
    return out; 
    }; 
}) 

w HTML dodać:

{{valueToFormat | customFilterFunction}} 

Answer 3

$templateCache.put('ui-grid/uiGridFooterCell', 
"<div class=\"ui-grid-cell-contents\" col-index=\"renderIndex\"><div>{{ col.getAggregationText() + (col.getAggregationValue() CUSTOM_FILTERS) }}</div></div>" ); 

CUSTOM_FILTERS = footerCellFilter nieruchomość grid.colDef [0] .footerCellFilter = 'number: 2'

Answer 4

jeśli potrzebujesz po punkcie dziesiętnym, aby pokazać dwie wartości a następnie użyć własnego szablonu funkcjonalność w opcjach sieciowych

 { 
      field: 'ORGINAL_FUNC_AMOUNT', 
      displayName: 'CR A/C', 
      aggregationType: uiGridConstants.aggregationTypes.sum, 
      footerCellTemplate: '<div class="ui-grid-cell-contents" >Total: {{col.getAggregationValue() | number:2 }}</div>' 
     }