There are 2 predefined methods for number formatting:
var string1 = webix.i18n.numberFormat("123.45");
var string2 = webix.i18n.intFormat("123.45")
var string3 = webix.i18n.priceFormat("123.45");
They will format data according to rules stated in the current locale.
Applying locales within component:
//datatable
{ header:"LongDate", width:170, id:"start", format:webix.i18n.numberFormat }
//other components
template:function(obj) {return webix.i18n.numberFormat(obj.start); }
Dive into Date and Number localization article.
If you need to format number with custom formatting rules you can use methods in the Number class that offers two methods: format and numToStr.
Here you need to specify rules right in a data component.
var string1 = webix.Number.format("123.45",{
groupDelimiter:",",
groupSize:3,
decimalDelimiter:".",
decimalSize:2
});
Applying format within a component:
//datatable
{ header:"LongDate", width:170, id:"votes", format:webix.Number.numToStr({
groupDelimiter:"",
groupSize:0,
decimalDelimiter:",",
decimalSize:5})
}
//other components
template:function(obj) {
return webix.Number.numToStr(obj.votes, {
groupDelimiter:"",
groupSize:0,
decimalDelimiter:",",
decimalSize:5
});
}
Related sample: Using number templates
Back to top