Base ExtJS fiddle

by chrisramakers

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/dev/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script src="http://dev.sencha.com/deploy/dev/ext-all.js"></script>
<link rel="stylesheet" href="http://dev.sencha.com/deploy/dev/examples/shared/examples.css">

CSS

body { padding: 20px }
input.x-form-num-field { display: block; margin: 1em 0 }

JavaScript

Ext.onReady(function(){
    
    // Value set through setValue() without decimalSeparator 
    // before rendering
    // => WORKS FINE!
    var my1stNumberField = new Ext.form.NumberField({
        name: 'emptyField1'
    });
    my1stNumberField.setValue(158.52);
    my1stNumberField.render(Ext.getBody());
    
    // Value set through setValue() with decimalSeparator 
    // before rendering
    // => FAILS!
    var my2ndNumberField = new Ext.form.NumberField({
        name: 'emptyField2',
        decimalSeparator: ','
    });
    my2ndNumberField.setValue(158.52);
    my2ndNumberField.render(Ext.getBody());
    
    // Value set through setValue() with decimalSeparator 
    // after rendering
    // => WORKS FINE!
    var my3rdNumberField = new Ext.form.NumberField({
        name: 'emptyField3',
        decimalSeparator: ','
    });
    my3rdNumberField.render(Ext.getBody());
    my3rdNumberField.setValue(158.52);
    
});