[EXT Develop Log]--comboBox?radio?Fix it!

Did u feel some problem when u use the ext.form.comboBox or radio?

 

---

 

1.Yes,when u use the comboBox and submit the form to ur service, maybe u will wonder why the parameter posted is the selected value and not the option value,and u had set the "valueField" already...

See the definition of comboBox:

"hiddenName: This is an autocreated hidden field that gets the value of what ever you select"

so ,remember option "valueField" must work with "hiddenName" in comboBox~~o(∩_∩)o...

---

2.When u select one record in data(grid .etc),and load this record to a form, and used setValues to conver the form.what happen?every element can get the data well but, except radio,u can not get the radio to populate  from the data when this form load.
resolve this ,override the setValues method of radio, add follow code in ur js:

js 代码

Ext.form.BasicForm.prototype.setValues = function(values){
    if(values instanceof Array){
        for(var i = 0, len = values.length; i < len; i++){
            var v = values[i];
            var f = this.findField(v.id);
            if(f){
                if ( f.getEl().dom.type == 'radio' ) {
                    var group = this.el.dom.elements[f.getName()];
                    for (var i=0; i < group.length; i++ ) {
                        if(group[i].__ext_field) {
                            group[i].__ext_field.setValue(group[i].value == v);
                            if(this.trackResetOnLoad){
                                group[i].__ext_field.originalValue = group[i].__ext_field.getValue();
                            }
                        }
                    }
                }
                else
                {
                    f.setValue(v.value);
                    if(this.trackResetOnLoad){
                        f.originalValue = f.getValue();
                    }
                }
            }
        }
    }else{
        var field, id;
        for(id in values){
            if(typeof values[id] != 'function' && (field = this.findField(id))){
                if( field.getEl().dom.type == 'radio' ) {
                    var group = this.el.dom.elements[field.getName()];
                    for (var i=0; i < group.length; i++ ) {
                        if(group[i].__ext_field) {
                            group[i].__ext_field.setValue(group[i].value == values[id]);
                            if(this.trackResetOnLoad){
                                group[i].__ext_field.originalValue = group[i].__ext_field.getValue();
                            }
                        }
                    }
                }
                else
                {
                    field.setValue(values[id]);
                    if(this.trackResetOnLoad){
                        field.originalValue = field.getValue();
                    }
                }
            }
        }
    }
    return this;
}



Ext.form.Radio.prototype.onRender = function(ct, position) {
  Ext.form.Radio.superclass.onRender.call(this, ct, position);
  this.el.dom.__ext_field = this;
}

Ext.form.Radio.prototype.setValue = function(v) {
    if(v === true || v === 'true' || v == '1' || v === false || v === 'false' || v == '0') {

        // Select all radios of this group
        var radios = this.el.up('form').select('input[type=radio]');

        // Uncheck all other values
        for(var i = 0; i < radios.elements.length; i++) {
            if(radios.elements[i].__ext_field && radios.elements[i].__ext_field != this && radios.elements[i].name == this.el.dom.name)
            {
                radios.elements[i].__ext_field.checked = false;

                // DOM checked is set by the browser

                radios.elements[i].__ext_field.fireEvent("check", this, this.checked);
            }
        }

        this.checked = (v === true || v === 'true' || v == '1');
        if(this.el && this.el.dom) {
            this.el.dom.checked = this.checked;
        }
        this.fireEvent("check", this, this.checked);
    }
}