(basic) button not working?

[nofx]

Hi, i'm using the following view to display a toolbaar with a button in it. But nothing happends when i press the button... I don't even see the button image change from button-up to button-down. Anyone any idea why?

app.views.test = Ext.extend(Ext.Panel, {
    fullscreen: true,
    
    dockedItems: [
        {
            dock : 'top',
            xtype: 'toolbar',
            title:'Standard Titlebar'
        },
        {
            dock : 'top',
            xtype: 'toolbar',
            ui   : 'light',
            items: [
                {
                    text: 'Test Button',
					handler: function() {
						alert('aaa'); //Not working...
					}
                }
            ]
        }
    ],
    
    html: 'Testing'
});

[nofx]

Nevermind, i figured it out. It's because i used 'app' in the namespace. Just read that i had to change it.

[ITS Telco]

i have no problems.
i touch the buttons and the message box with aaaa appear.
how does you tested it ?

[ITS Telco]

just insert

Ext.ns('app.views');

[nofx]

It worked for me once, then i tried to do the alert in a controller instead of the view itself. That didn't seem to work. So i put the alert back in the handler of the view and now i have the same problem again... My button wont react when i press it...

Anyone any idea whats going on...???

BTW. what is "Ext.ns('app.views');" and where do it put it..?

[nofx]

Ok, i just found the REAL problem. When my phone is connected to the USB cable, then for some reason the handlers won't react to button presses. When i disconnect my phone from the USB cable everything works fine.

[ITS Telco]

Okay I understand. I only tested in browser.

[ITS Telco]

I always put it at the beginning of js file.

[mitchellsimoens]

If you use Ext.Application, it will set up the follow namespaces for you:

app.controllers
app.models
app.stores
app.views

Of course you can change the name of the app.