Question

57

How to get the value of checkbox

rated 0 times [ 63] [ 6] / answers: 1 / hits: 36542 / 15 Years ago, mon, december 21, 2009, 12:00:00

How to get the value of a check box?

var tb = new Ext.Toolbar();



tb.add({

                xtype: 'checkbox',

                boxLabel: 'Expand Groups by Default',

                id: 'GetChkBoxValue',

                checked: true,

                handler: function() {

                    alert(this.getValue())

                }

       });

Is it possible to get the value of the checkbox outside tb.I have done something like this but it is not firing

Ext.getCmp('GetChkBoxValue').getValue();

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

amari

Add To Favorites

Follow

Total Points: 736

Total Questions: 111

Total Answers: 90

Location: Saint Pierre and Miquelon

Member since Fri, Jan 28, 2022

2 Years ago

amari questions

1 Do SubmitEvents made by a 'submit' event contain the form values?

Mon, May 23, 22, 00:00, 2 Years ago

1 ERR_UNHANDLED_REJECTION UnhandledPromiseRejection when awaited inside an array of promise Objects

Mon, Jun 21, 21, 00:00, 3 Years ago

1 Dropdown with Search Box using Bootstrap Selectpicker not working

Thu, Jun 3, 21, 00:00, 3 Years ago

1 Redux-Toolkit: How to reject a createAsyncThunk?

Sat, May 15, 21, 00:00, 3 Years ago

1 Webpack, optimization chunking gives Conflict: Multiple chunks emit assets to the same filename error

Wed, Mar 3, 21, 00:00, 3 Years ago

View All

answered 15 Years ago zackeryzainv · Accepted Answer

Here is what worked for me:

var expandAllGroupsCheckbox = Ext.create(



            {

                xtype: 'checkbox',

                boxLabel: 'Expand Groups by Default',

                id: 'chkid',

                checked: true,

                afterRender: function() {

                    Ext.form.Checkbox.superclass.afterRender.call(this);

                    alert(this.getValue());// giving true 

                    this.checkChanged();

                },

                checkChanged: function()

                {

                    var checked = expandAllGroupsCheckbox.getValue();

                    gv.startCollapsed = !checked;

                    if ( gv.mainBody )

                    {

                        gv.toggleAllGroups( !checked );

                    }

                },

                listeners: {

                    check: {

                        fn: function(){expandAllGroupsCheckbox.checkChanged()}

                    }

                }



            });

And then:

tbar: [

               expandAllGroupsCheckbox

,

                    {

                        xtype: 'tbbutton',

                        icon: '/images/icon_list_props.gif',

                        handler: function() {

                            ShowPreferencesPage();

                        }

                    }

],