PDA

View Full Version : [Solved] NumberField?????????



kuro
5 Jun 2009, 3:22 AM
Ext.form.NumberField???????????????????
??????????????????3?????????????????????????

??????????????????????
?????????????????1234.56???????????
????????????1,234.56???????????????????

??????EditorGridPanel??????????????????renderer??????????????????????????????????
????????FormPanel????????????????????????

Tommy1969
5 Jun 2009, 8:28 AM
DataField ?????format ??????????????NumberField ???????????

??????????????! ??????????blur ????????????????????????????????:)



Ext.onReady(function() {
var format_number = function (field) {
var val = field.getRawValue();

for(i = 0; i < val.length/3; i++) {
val = val.replace(/^([+-]?[0-9]+)([0-9]{3})/, '$1,$2');
}
field.setRawValue(val);
};

var view = new Ext.Viewport({
items: [{
xtype: 'form',
items: [
{xtype: 'numberfield', fieldLabel: 't1', listeners: {blur: format_number}},
{xtype: 'numberfield', fieldLabel: 't2'}
]
}]
});
});


????

Ext JS ???????????????????????????????????????????? (??????????????????????????????)??????????????????????????????????

??????/???? TextField ?????????? HiddenField ?????????????? NumberField ??????????????????????????????

kuro
5 Jun 2009, 7:29 PM
Blur??????????????????????????????????????NumberField ??????????????????????????????????
???????????Tommy1969?????????? TextField ??????????????????????

NumberField ????????????TextField???????????NumberField???????????TextField???????????????????
???????z-Index???????????????????????

????????????????

mashiki
6 Jun 2009, 5:36 AM
????????????????????NumberField?????????


Ext.form.NumberFieldC = Ext.extend(Ext.form.NumberField, {
style: 'text-align: right',
initEvents : function(){
var allowed = this.baseChars + ',';
if (this.allowDecimals) {
allowed += this.decimalSeparator;
}
if (this.allowNegative) {
allowed += '-';
}
this.maskRe = new RegExp('[' + Ext.escapeRe(allowed) + ']');
Ext.form.NumberField.superclass.initEvents.call(this);
},

parseValue : function(value){
value = parseFloat(String(value).replace(/,/g, '').replace(this.decimalSeparator, "."));
return isNaN(value) ? '' : value;
},

setValue : function(v){
v = typeof v == 'number' ? v : parseFloat(String(v).replace(this.decimalSeparator, "."));
v = isNaN(v) ? '' : String(v);

v += (v.match(/[.]/))?'':'.' ;

var re = RegExp('(.*['+this.baseChars+'])(['+this.baseChars+']{3}[^'+this.baseChars+'])');
while (v.match(re)) {
v = v.replace(re, '$1,$2');
}

v = v.replace(/[.]$/,'').replace(".", this.decimalSeparator);
return Ext.form.NumberField.superclass.setValue.call(this, v);
},

validateValue : function(value){
return Ext.form.NumberFieldC.superclass.validateValue.call(this, value.replace(/,/g,''));
},

onFocus : function(){
Ext.form.NumberField.superclass.setValue.call(this, this.getValue());
Ext.form.NumberFieldC.superclass.onFocus.call(this);
}

});
Ext.reg('numberfieldc', Ext.form.NumberFieldC);

Ext.onReady(function() {
var view = new Ext.Viewport({
items: [{
xtype: 'form',
items: [
{xtype: 'numberfieldc', fieldLabel: 't1', value:'12345'},
{xtype: 'numberfieldc', fieldLabel: 't2', value:'12345678'}
]
}]
});
});

kuro
7 Jun 2009, 11:48 PM
???????????????????????????
?????????????????????????????????????????
mashiki ???????????????

???????????????????????????????????????


items: [
{ xtype: 'numberfieldc', fieldLabel: 't1', value: '12345', style: 'text-align: right' },
{ xtype: 'numberfieldc', fieldLabel: 't2', value: '12345678', style: 'text-align: right' }
]

mashiki
8 Jun 2009, 7:04 AM
?????????????

Ext.form.NumberField??????????????????????
?????????????????
http://extjs.com/deploy/ext-3.0-rc2/docs/source/NumberField.html

3.0???????????????????????????????????
??????????????????????????????????

Ext.form.NumberField
http://extjs.com/deploy/ext-3.0-rc2/docs/?class=Ext.form.NumberField

kuro????????????????????????????????????



Ext.form.NumberFieldC = Ext.extend(Ext.form.NumberField, {
style: 'text-align: right', // here
initEvents : function(){
var allowed = this.baseChars + ',';
if (this.allowDecimals) {
allowed += this.decimalSeparator;
}
???
???


?????

kuro
8 Jun 2009, 10:12 PM
mashiki ????????????????????????????????????
???? Ext wiki (http://www123.ddo.jp/extwiki/) ???????????:>