How to format the fields in Form component

Webix JS
#1

Hi,

I have tried to format the form field data in both ways i.e format:webix.i18n.numberFormat and template:function(obj){ return webix.i18n.numberFormat(obj.start); } and related information has been defined in en-us.js file. But its not working.

Please find below

 var quoteDetailsView =  { 	collapsed : false, 	header : "quoteDetails",  id : "quoteDetailsAccord",
	body : {
		view : "form",
		align : "center",
		elements : [

				{
					rows : [ {   cols : [
                                                                                {
                                                                                        view : "text",
                                                                                         label : "A",
                                                                                         readonly : true,
                                                                                         id : "start",
                                                                                        format:webix.i18n.numberFormat,
 
                                                                             }

                                                                         {
                                                                                        view : "text",
                                                                                         label :"B",
                                                                                         readonly : true,
                                                                                         id : "end",
                                                                                         template:function(obj){ return webix.i18n.numberFormat(obj.end); }
 
                                                                             }
                                                                     ]               
                                                   }]
                               }
                        ]
             }

Please suggest any solution.

Thanks in Advance
Ravi Chandra

#2

Text fields do not support formatting by default
You can extend the text component, though

http://webix.com/snippet/bb38db9a

#3

Thank you,

Now I am able to format the data in form. But while saving I am unable to remove number formatting.
Do we have any method to remove formatting(number and price) in webix?

Thanks in Advance.
Ravi

#4

You can redefine the getValue method of the control in the similar way
http://webix.com/snippet/59162775

#5

Hello there.

Maksim, extended text component (as it is in your example) loses its css styling:
http://webix.com/snippet/ae1d4645

Is there any way to avoid this unwanted effect?

#6

Yep, there is workaround especially for this case - you can use $cssName in configuration, to define which css class new control will use.

http://webix.com/snippet/ddc7e25e