在extjs 4中用特殊字符分隔的数字测试

时间:2013-08-04 00:34:21

标签: extjs

我有一个名为:percentOFuse

的字段

“percentOFuse”的类型是FLOAT

我想在此字段中输入数据之前添加测试,因此我们只应输入一个数字,我们可以输入一个以数字分隔的数字。

我尝试使用此代码:

xtype: 'numberfield',
fieldLabel: 'test',
id: 'percentOFuse',
flex: 1,
margin: '5 5 5 5'

但是此代码不会处理以“。”分隔的数字的情况。

我尝试使用

失败了
xtype: 'numberfield',
fieldLabel: 'test',
id: 'percentOFuse',
flex: 1,
margin: '5 5 5 5',
decimalPrecision="10",
decimalSeparator="."

1 个答案:

答案 0 :(得分:0)

默认设置应允许您输入小数,例如1.2352

decimalSeparator是'。'默认情况下,allowDecimal默认为true。 decimalPrecision默认设置为“2”。

您的代码有:

decimalPrecision="10",
decimalSeparator="."

这应该是:

 decimalPrecision: 10,
 decimalSeparator: "." // Note: add a , if more config below

我能够将数字字段声明为以下内容并让它接受123.456:

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 300,
    bodyPadding: 10,
    items: [{
        xtype: 'numberfield',
        anchor: '100%',
        fieldLabel: 'Decimal',
        decimalPrecision: 10      
    }]
});

这是小提琴: http://jsfiddle.net/L9HAG/