Ext.ux.RadioGroup

[markfigley]

Hello,
I want to add a custom function to the Ext.ux.RadioGroup class. So I added some code like

Ext.namespace('Ext.ux');

Ext.ux.RadioGroup = function()
{
 	Ext.ux.RadioGroup.superclass.constructor.call(this);
            //add custom function here  
}

Ext.extend(Ext.ux.RadioGroup, Ext.form.Field, 
blah blah {

But this fails on IE.

What am I doing wrong?

Regards

[mdissel]

It depends on the error message and the blah blah code.
In this sample you're not extending the ux.RadioGroup, but you're creating a new class or override the existing ux.RadioGroup.

[vtswingkid]

I fixed the alignment 1.0.1

[markfigley]

Hello mdissel,
I think my previous mail was not clear enough.

All I want to do is add a custom function to the existing Ext.ux.RadioGroup class. Can you help me with this?

Regards

[vtswingkid]

Ext.override(Ext.ux.RadioGroup, {
customFunction: function(){}
});

[pulen]

hello vtswingkid

I just try your plugin and it was a good plugin.
but i have some error on firebug.

[Exception... "'Error parsing selector, parsing failed at "]:checked"' when calling method: [nsIDOMEventListener::handleEvent]"  nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)"  location: "<unknown>"  data: no]

Line 0

i think that because i use array name, like name:'radiobox[group1]',

    {
        xtype:'ux-radiogroup',
        fieldLabel:'group 1',
        name:'radiobox[group1]',
        horizontal:true,
        radios:[{
            value:1,
            boxLabel:'box 1',
            listeners:{
                'check':function(r,c){
                    alert(r.boxLabel+": "+(c?"checked":"unchecked"));
                }
            }
        }, {
            value:2,
            boxLabel:'box 2',
            checked:true
        }, {
            value:3,
            boxLabel:'box 3'    
        }]
    } 

i don't know how to solve this. i just want radiogroup return in array variabel for radio name, after submit.

like this with andrie select box:

            comboUnitkerja = new Ext.ux.Andrie.Select(Ext.applyIf({
                id: 'unitkerja',
                fieldLabel:'Unit Kerja',
                multiSelect:true,
                minLength:1,
                anchor: '95%',
                hiddenName: 'kriteria[unitkerja]'                    
            },configComboUnitkerja)) 

Regard
nb: sorry for my bad english.

[israel]

YOU HAVE DEMO?

[vtswingkid]

I don't have a live demo, but there is a test example included with the zip.


pulen: I think the error is referring to the name you chose "radiobox[group1]". Try putting "radiobox" in for the name and see if it works. See if that name will work for any other type of field.

[mdissel]

I'm not sure, but the nested radiobuttons (configured in the array radios) are never destroyed in the onDestroy of the parent.. Correct?
another small extension would be a single change event on the group that contains the old / new value from the grouped radio buttons.

[israel]