[SOLVED] Menu Checkitem state not working

[The Transporter]

Hello,

I'm struggling with this since a couple of days now and I can't figure it out.

I have a menu in a panel and I want to save the state of the checkbox uppon reloading.

This is the menu code:

Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

menu: new Ext.menu.Menu({
                    items: [{
                        text: 'Send mail',
                        checked: false,
                        value: "send-mail"
                        checkHandler: dataConfig,
                        stateful:true,
                        stateId: "send-mail",
                        stateEvents: ['check'],
                        getState: function() {
                            return {checked: this.getValue()}
                        },
                        applyState: function(state) {
                            this.setValue(state.checked);
                        }
                    }]
});

It seems to work when I set a

xtype: 'checkbox'

but it doesn't display correctly in the menu.

Do you have an idea to help ?

Thanks

[The Transporter]

Solve thanks to evant on IRC:

Here is the solution:

Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

menu: new Ext.menu.Menu({
                    items: [{
                        text: 'Send mail',
                        checked: false,
                        value: "send-mail"
                        checkHandler: dataConfig,
                        stateful:true,
                        stateId: "send-mail",
                        stateEvents: ['click'],
                        getState: function() {
                            return {checked: this.checked}
                        },
                        applyState: function(state) {
                            this.checked = state.checked;
                        }
                    }]
});

[Mandeep]

checkchange event works better if you have multiple items in the menu.