Ext.ux.MsgBus Plugin by Saki

[jsakalos]

Hi all,

I wrote (yet another) Message Bus plugin. See http://blog.extjs.eu/plugins/ext-ux-msgbus-plugin/ for details and let me know what do you think.

Cheers,
Saki

[jsakalos]

I've just uploaded the live demo of the plugin at http://examples.extjs.eu/?ex=msgbus

Enjoy!

[jmariani]

Hi. Have this code (a form button). The form has plugins: ['msgbus']. Once I click the button, the data is saved and then... nothing happens. Even the form.reset() doesn't executes. Any ideas?

                    buttons:[{ 
                            text: 'Grabar',
                            formBind: true,
                            iconCls: 'database_save',
                            scope: this,     
                            // Function that fires when user clicks the button 
                            handler:function(){
                                var thisForm = Ext.getCmp('frmAppMenu');
                                thisForm.getForm().submit({ 
                                    method:'POST', 
                                    success:function(form, action){
                                        form.publish('bdApp.db.recordInsert', 'appMenu');
                                        form.reset();
                                    },

[Scorpie]

Hi. Have this code (a form button). The form has plugins: ['msgbus']. Once I click the button, the data is saved and then... nothing happens. Even the form.reset() doesn't executes. Any ideas?

                    buttons:[{ 
                            text: 'Grabar',
                            formBind: true,
                            iconCls: 'database_save',
                            scope: this,     
                            // Function that fires when user clicks the button 
                            handler:function(){
                                var thisForm = Ext.getCmp('frmAppMenu');
                                thisForm.getForm().submit({ 
                                    method:'POST', 
                                    success:function(form, action){
                                        form.publish('bdApp.db.recordInsert', 'appMenu');
                                        form.reset();
                                    },

Try to debug form. I think you need to have thisForm instead of form.

[jsakalos]

Does the success callback execute at all? Set a breakpoint there.

[jmariani]

Yes, it does execute.
Adding an explicit form variable (var thisForm...) does the trick, but I don't think is an elegant way to do it.

handler:function(){
                                var thisForm = Ext.getCmp('frmAppMenu');
                                thisForm.getForm().submit({ 
                                    method:'POST', 
                                    success:function(form, action){
                                        thisForm.publish('bdApp.db.recordInsert', 'appMenu');
                                        form.reset();
                                    },

[jmariani]

I mean, how do I get the PanelForm containing the button without explicity getCmping it by name?

[tonedeaf]

I mean, how do I get the PanelForm containing the button without explicity getCmping it by name?

Go the other route: Create a ref: for the button, run the button handler in the scope of the PanelForm and access the button from the PanelForm using a dot.
More details here: http://www.vinylfox.com/the-hottest-...r-heard-about/

[jmariani]

I'll try. Also, I'll try adding the plugin to the button directly instead of the form.

[jsakalos]

Go the other route: Create a ref: for the button, run the button handler in the scope of the PanelForm and access the button from the PanelForm using a dot.
More details here: http://www.vinylfox.com/the-hottest-...r-heard-about/

Yes, this is the way.