How To Get the Radio Button value

[gnanbu]

Hi,
I use ExtJs Designer tool for gui Development. I tried to get radio box value but it showing error for me. can any one tell me how to get the value. Here i need Radio Group, but i don't know how to get radio group button in EXTJS designer tool. So i tried like that Here i attached my code for reference. Please Help me.

this.items = [
            {
                xtype: 'fieldset',
                title: '',
                x: 10,
                y: 140,
                width: 780,
                height: 200,
                layout: 'absolute',
                hideBorders: true,
                id: 'selectCriteriaFieldSet',
                items: [
                    {
                        xtype: 'label',
                        text: 'Translater',
                        x: 350,
                        y: 10,
                        id: 'searchId'
                    },
                    {
                        xtype: 'button',
                        text: 'Submit',
                        x: 350,
                        y: 120,
                        height: 22,
                        width: 70,
                        id: 'searchButton'
                    },
                    {
                        xtype: 'radio',
                        x: 350,
                        y: 40,
                        boxLabel: 'Upload',
                        name: 'SelectionRd',
                        inputValue: 'upload',
                        id: 'upload'
                    },
                    {
                        xtype: 'radio',
                        x: 350,
                        y: 70,
                        boxLabel: 'View/Edit/Download',
                        name: 'SelectionRd',
                        inputValue: 'view',
                        id: 'view'
                    }
                ]
            }
        ];

When click the button like below

this.findById('searchButton').on('click', function(button, event){
                        var radioValue = Ext.getCmp('SelectionRd').getValue();
                                      Ext.Msg.alert('ALERT',radioValue);
                        
        });

Here i got error.The Error is :Unable to get value of the property 'getValue': object is null or undefined

[livensnick]

Your problem is the Ext.getCmp('SelectionRd') will try to find a component with ID 'SelectionRd' which does not exist.

[gnanbu]

Dear livensnick,

Can you help me how can i get the value, where i can modify code?. I don't know how to do. Please help me.

[mitchellsimoens]

Don't use id, it's a bad practice. Use ComponentQuery if on Ext JS 4.x or ST 1.x/2.x:

this.down('radiofield[inputValue=upload]');
this.down('radiofield[inputValue=view]');

The first will get the first child that is a radiofield and has an inputValue property matching upload. The second is the same only it gets the on where inputValue is view.

[gnanbu]

Hi Sir,

I'm using EXT-JS 3 and EXT - Js Designer Tool also and i tried to add grid panel but its showing error like
Line: 48215
Error: Unable to get value of the property 'getSortState': object is null or undefined.

I didn't know why.can you Please help me how resolve this. And i don't how to add file upload button like browse button in that designer. can you help me if you know ?

[marcinn]

I also have difficulties to read the radiobutton values. Where do I put the logic here? Do those calls return true/false? When I do getForm().getValues(), I only get the information the radio is 'on' and not which element is selected...

thank you,

Don't use id, it's a bad practice. Use ComponentQuery if on Ext JS 4.x or ST 1.x/2.x:

this.down('radiofield[inputValue=upload]');
this.down('radiofield[inputValue=view]');

The first will get the first child that is a radiofield and has an inputValue property matching upload. The second is the same only it gets the on where inputValue is view.