Ui-grid'de altbilgi değerlerini biçimlendirme

Question

UI kılavuzunda bir sütunun toplam değerini nasıl biçimlendiririm? Ben

total: $6370.05 

istiyorum benim rakamlarla

Ben

total: 6370.046074130321 

gibi korkunç bir şey olsun denedim hem:

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

ve

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

ancak bunların hiçbiri işe yaramıyor.

Answer 1

şablonları ama senin şablonu almak istediğiniz kişiler modülde

Eklemek Toplam değer üzerinde çalışın.

Şablonun içindeki sütun için toplam değeri almak için {{col.getAggregationValue()}}'u kullanabilir ve biçim seçeneklerinizi ekleyebilirsiniz.

Eğer {{col.getAggregationValue() | number:2 }}

Ayrıca ızgara üzerinde etkin kolon filtrelerini şablon farklı olacaktır unutmayın fazla gibi bu olurdu iki ondalık sayılar istiyorum beri.

Answer 2

Gereksinim duyduğunuz ondalık miktarı seçmek için number filtresini kullanabilirsiniz.

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

Aksi takdirde, kendine değer/metin filtrelemek için bir custom filter işlevini kullanabilirsiniz. HTML'inizde

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

Eklemek: Eğer normal hücre değerleri için çalışacak çalıştı

{{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 mülkiyet grid.colDef [0] .footerCellFilter = 'numara: 2'

Answer 4

sonra ızgara seçenekleri

özel şablon işlevini kullanmak iki değeri göstermek için sonra ondalık noktayı gerekirse

 { 
      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>' 
     }