Other currency formats other than usMoney ?

[fxmisticat]

Got it! Thanks again mystix!

[Arno.Nyhm]

thx to mystix :-)

here are my changes:

- remove space between number and symbol so you can decide by yourself with the symbol parameter if you like to have a space
- add parameter for position of symbol

if (Ext.util.Format) {
    if (!Ext.util.Format.CurrencyFactory) {
        Ext.util.Format.CurrencyFactory = function(dp, dSeparator, tSeparator, symbol, rightPosition) {
            return function(n) {

                dp = Math.abs(dp) + 1 ? dp : 2;
                dSeparator = dSeparator || ".";
                tSeparator = tSeparator || ",";
                symbol = symbol || "$";
                rightPosition = rightPosition || false;

                var m = /(\d+)(?:(\.\d+)|)/.exec(n + ""),
                x = m[1].length > 3 ? m[1].length % 3 : 0;

                var v = (n < 0? '-' : '') // preserve minus sign
                + (x ? m[1].substr(0, x) + tSeparator : "")
                + m[1].substr(x).replace(/(\d{3})(?=\d)/g, "$1" + tSeparator)
                + (dp? dSeparator + (+m[2] || 0).toFixed(dp).substr(2) : "");

                return rightPosition?v+symbol:symbol+v;
            };
        };
    }
} 

usage:

var eurFormatter = Ext.util.Format.CurrencyFactory(2, ",", ".", "\u20ac", true);
var value = 12345.67;
return eurFormatter(value); //--> 12.345,67€

var usFormatter = Ext.util.Format.CurrencyFactory();
var value = 12345.67;
return usFormatter(value); //--> $12,345.67 

[Arno.Nyhm]

if you dont like to give the space into the symbol parameter then use this:

if (Ext.util.Format) {
    if (!Ext.util.Format.CurrencyFactory) {
        Ext.Ext.util.Format.CurrencyFactory = function(hasSpace, dp, dSeparator, tSeparator, symbol, rightPosition) {
            return function(n) {

                var spaceText = hasSpace?" ":"";
                dp = Math.abs(dp) + 1 ? dp : 2;
                dSeparator = dSeparator || ".";
                tSeparator = tSeparator || ",";
                symbol = symbol || "$";
                rightPosition = rightPosition || false;

                var m = /(\d+)(?:(\.\d+)|)/.exec(n + ""),
                x = m[1].length > 3 ? m[1].length % 3 : 0;

                var v = (n < 0? '-' : '') // preserve minus sign
                + (x ? m[1].substr(0, x) + tSeparator : "")
                + m[1].substr(x).replace(/(\d{3})(?=\d)/g, "$1" + tSeparator)
                + (dp? dSeparator + (+m[2] || 0).toFixed(dp).substr(2) : "");

                return rightPosition?v+spaceText+symbol:symbol+spaceText+v;
            };
        };
    }
} 

usage:

var eurFormatter = Ext.util.Format.CurrencyFactory(false,2, ",", ".", "\u20ac", true);
var value = 12345.67;
return eurFormatter(value); //--> 12.345,67€

var eurFormatter = Ext.util.Format.CurrencyFactory(true,2, ",", ".", "\u20ac", true);
var value = 12345.67;
return eurFormatter(value); //--> 12.345,67 €

var usFormatter = Ext.util.Format.CurrencyFactory();
var value = 12345.67;
return usFormatter(value); //--> $12,345.67

var usFormatter = Ext.util.Format.CurrencyFactory(true);
var value = 12345.67;
return usFormatter(value); //--> $ 12,345.67 

[sosy]

Maybe a bit older thread, but it was usefull for me!

Pimped it a bit to use it in an EditorGrid, so that you can type in values with commata, then transform it to Euro value, or if there is no value an - to keep the grid much cleaner to look ad.

//
// EURO
//
Ext.util.Format.Currency = function(v)
{
     v = Ext.num(String(v).replace(/\,/, '.'));
     v = (Math.round((v-0)*100))/100;
     v = (v == Math.floor(v)) ? v + ".00" : ((v*10 == Math.floor(v*10)) ? v + "0" : v);
     if (v==0)
     {
           v = '-';
           return (v);
     }
     else
     {
           return (v + ' €').replace(/\./, ',');
      }
};

Hope it is usefull for some of you..

Regards

Sosy

[jsakalos]

Thank you for sharing.

[yassyboy]

Hi All,

I am beginner in ExtJS so bear my newbie Questions.

Where do I place the custom currency render-er? In the beginning of the code? Any examples will be higher appreciated.

Eg. "replaceParameter.push({oldStr:"{{totalPaidAmount}}", newStr:Ext.util.Format.usMoney(totalPaidAmount)}); "

If I want to put "gbMoney" how do I do it .. in a very layman terms.

Thank you

Kind Regards

Yassyboy

[Condor]

Ext.util.Format.gbMoney = function(value){
  return ...
};

[Pachat]

If you want to emphasize on usMoney, here is an example for Euro :

Euro = function(v)
{
    v = Ext.util.Format.usMoney(v);
    if (v=='$0.00')
        return '-';
    else
        return v.replace(/\$/, '').replace(/\,/g, ' ').replace(/\./, ',')+' &euro';
};

[citstudio]

I've made some modification from original form (usMoney) function
this is for japan currency (yen = ¥)

Ext.util.Format.jpyMoney = function(v) { // override Ext.util.usMoney
        v = Ext.num(v, 0); // ensure v is a valid numeric value, otherwise use 0 as a base (fixes $NaN.00 appearing in summaryRow when no records exist)
        v = (Math.round((v - 0) * 100)) / 100;
        v = (v == Math.floor(v)) ? v + "" : ((v * 10 == Math.floor(v * 10)) ? v + "0" : v);
        v = String(v);
        var ps = v.split('.');
        var whole = ps[0];
        var sub = ps[1] ? '.'+ ps[1] : '';
        var r = /(\d+)(\d{3})/;
        while (r.test(whole)) {
            whole = whole.replace(r, '$1' + ',' + '$2');
        }
        v = whole + sub;
        if (v.charAt(0) == '-') {
                return '-¥ ' + v.substr(1);
        }
        return "¥ " + v;
}

here it's for other currency's symbols :
http://www.hypergurl.com/asciisymbols.html

[tolisc]

Ext.util.Format.euroCurrency = function(v){
    return Ext.util.Format.currency(v, '€', 2);        
};

and in your app launch 
launch: function() {
        if (Ext.util.Format) {
            Ext.apply(Ext.util.Format, {
                thousandSeparator : '.',
                decimalSeparator  : ','
            });
        };       
}