[FIXED-609] RadioGroup Readonly

[maquejp]

Hi,

I am trying to use the setReadOnyl(true) public method of the Class Ext.form.RadioGroup.
But I am still able to click and change the values (I can select one of the other option)


Within a formpanel

			new Ext.form.RadioGroup({id:'TENPERBUDGNOTRECEI',name:'TENPERBUDGNOTRECEI',allowBlank: false,columns: 3,columns: [100, 100, 100],
			fieldLabel:'At least 10% of the budget must be allocated to organisations that have not received any funding under the HP of the EC in the past 5 years',
			items:[
			{boxLabel: 'YES',name:'TENPERBUDGNOTRECEI',inputValue: '1'},
			{boxLabel: 'NO',name:'TENPERBUDGNOTRECEI',inputValue: '0'},
			{boxLabel: 'N/A',name:'TENPERBUDGNOTRECEI',inputValue: '9'}]})

in the .getForm().load({...success...

if (Ext.getCmp('PERCENTTOTBUDGREQUESTFLAG').getValue() == 'NO') {
Ext.getCmp('TENPERBUDGNOTRECEI').setValue(9);
Ext.getCmp('TENPERBUDGNOTRECEI').setReadOnly(true);
}

The .setDisabled(true) works but the forced value is not sent as the input is disabled...

In advance, thank you

[jsakalos]

Yes, it seems that readOnly option of RadioGroup is ignored (disabled option works). Now, I don't know if readOnly should be supported and is not - that would be Ext bug or if it shouldn't be supported but is documented - that would be documentation bug.

Nevertheless, moving the thread to Bugs forum.

[maquejp]

OK, I will wait for an answer and write at the server side the specific condition (if not passed, force database value)...

Thanks

[Jamie Avins]

[type]: fix
[module]: CheckboxGroup
[id]: #609
[desc]: Fixes #609. CheckboxGroup/RadioGroup will now apply setReadOnly to their child items.

[maquejp]

Is it part of 3.1.2?

[Jamie Avins]

No, this will be in 3.2

[maquejp]

ok, thanks

[kpalser]

Has this definitely been fixed for 3.2.1? I still have the same issue. After I use setReadOnly(true), I can still change the selected radio button:

Ext.getCmp("radiogroup-sexo").setReadOnly(true);

{
  xtype: 'radiogroup',
  columns: 2,
  name:'sexo',
  id:'radiogroup-sexo',
  items: [
       {boxLabel: 'V', name: 'sexo', inputValue:'V'},
       {boxLabel: 'H', name: 'sexo', inputValue:'H'}
            ]
},

[evant]

Browsers don't recognize readOnly on checkboxes/radios. The best you can do is disable them.

[dtex-lab]

Browsers don't recognize readOnly on checkboxes/radios. The best you can do is disable them.

A solution can be into Ext.form.RadioGroup:

    bufferChecked : function(){
    if(this.readOnly)
       {
     this.reset();
     return false;
    }
 
        var out = null;
        this.eachItem(function(item){
            if(item.checked){
                out = item;
                return false;
            }
        });
        this.fireEvent('change', this, out);
    },

Evant (ExtJS Team), can you check if it is a valid solution also for you and implements it in a next ExtJS Release?

It is working for me.
Ty