Howto format store float numbers with itempl?

[dishwashwebdesign]

Whats a painless way to format float numbers out of a store using lists itempl?
The number format has to have a thousand separator e.g. 123.400 or 123'400 or 20,25.

I tried this, only with more pain

{[parseFloat(values.myfloatnumber)]}

thanks, i kinda really need the numbers to be formated in the list...or any other ways how to get this done?
thanks...

[dishwashwebdesign]

anyone? any hints at all?

[mitchellsimoens]

First I would use type : 'float' in your model so it will already be float.

[dishwashwebdesign]

Thanks for the reply, but the type is already set to 'float' in the model.
Thats why i am a bit lost why the numbers are displayed without any thousand separators...

[mitchellsimoens]

float numbers aren't going to have the thousands separator, you have to format it.

[dishwashwebdesign]

Thanks, but that was the actual question, how to format float numbers inside a lists itemtpl. There is senchas Ext.Number and Ext.util.Format but they dont seem to do the trick either.
thanks for any further hints...

[mitchellsimoens]

There is no number formatter in Sencha Touch like there is in Ext JS. You will need to create one yourself.

Did a quick google search and this looks like it should work (didn't test):

function addCommas(nStr) {
        nStr += '';

        var x = nStr.split('.'),
            x1 = x[0];
            x2 = x.length > 1 ? '.' + x[1] : '',
            rgx = /(\d+)(\d{3})/;

        while (rgx.test(x1)) {
            x1 = x1.replace(rgx, '$1' + ',' + '$2');
        }

        return x1 + x2;
}

[dishwashwebdesign]

Thanks Mitchell,
I figured that one out too, this regex would do the trick as well:

x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

my trouble is only how to squeeze the numbers thru the regex BEFORE itemtpl is rendering them out and about
hope it makes sense now, thanks anyway for your assistance.

[mitchellsimoens]

I would use a member function. Your first post was close to that.

[dishwashwebdesign]

ah good one, thanks heaps that worked out just well:

itemTpl: new Ext.XTemplate(
                    '{[this.addCommas(values.remaining)]}',
                    {
                      compiled: true,                     
                      addCommas: function (str) {
                        return(str.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
                        }
                    } 
                ),