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

Question

我有名为： 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="."

Answer 1

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

小数分隔符是 '.' 默认情况下，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/