PDA

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



kuro
4 Oct 2009, 8:32 PM
???????????????????Ext.form.NumberField???????????????????????????????

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

yuki
6 Oct 2009, 7:04 PM
????????????????????????????Ext JS 3.0.0?????????

Ext.ux.FieldUnit = function(unit){
this.unit = unit;
this.init = function(f){
var cfg = {tag: 'span', style: 'padding-left:5px'};
var unit = f.unitText || this.unit;

if(Ext.isString(unit)){
cfg.html = unit;
}else if(Ext.isArray(unit)){
cfg = unit;
}else if(Ext.isObject(unit)){
Ext.apply(cfg, unit);
}

f.on('render',function(t){
Ext.DomHelper.insertAfter(t.el, cfg);
});
}
};

Ext.preg('fieldunit', Ext.ux.FieldUnit);

Ext.onReady(function(){
new Ext.form.FormPanel({
width: 400,
height: 200,
title: 'Number Field Unit Plugin Sample',
renderTo: 'formp',
bodyStyle: {
padding: '10 10 10 10'
},
defaultType: 'numberfield',
items: [{
fieldLabel: '??',
unitText: '?',
plugins: ['fieldunit']
},{
fieldLabel: '??',
unitText: {html:'????', style: 'padding-left:3px;color:red'},
plugins: ['fieldunit']
},{
fieldLabel: '??',
plugins: new Ext.ux.FieldUnit('Kg')
},{
fieldLabel: '??',
plugins: new Ext.ux.FieldUnit([
{tag:'span', html: '??(', style: 'padding-left:5px'},
{tag:'a', html: '?????', href:'http://ja.wikipedia.org/wiki/%E5%85%89%E5%B9%B4'},
{tag:'span', html: ')'}
])
}]
});
});

?????????Field???????unitText??????????????????????????????????DomHelper?????????????input?????????????????????????????????????????????NumberField???Field???????????????

kuro
6 Oct 2009, 9:28 PM
yuki????????????????????
???????????????????????

???????????????plugins??????????DOM????????????????????????