ext js 4 MVC tutorial do not work ...

[fmuke]

ok ... for some reason the code that i get from the EXT JS 4 MVC architecture do not work.

i can't load the controller ... i don't understand why ... please help.

need to use controller for it won't work at all !!!
app.js
--------
Ext.application({
name: 'AM',
appFolder: 'app',
controllers: ['AM.controller.Users'], // ---> if i remove this, it will work but i wont have a controller
launch: function () {
var me = this;
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
xtype: 'panel',
title: 'Users',
html: 'List of users will go here'
}
]
});
console.log('hello from app.js');

}
});

controller
------------
Ext.define('AM.controller.Users', {
extend: 'Ext.app.Controller',

init: function () {
console.log('hello1 from controller Users.js');
this.control({
'viewport > panel': {
render: this.onPanelRendered
}
});
},

onPanelRendered: function () {
console.log('hello2 from controller Users.js');
}
});

[fmuke]

this is the example on EXT JS 4 MVC architecture from this website...
im learning ext js ... and when trying the example... everything work except the controller ...

[evant]

From the docs:

Ext.application({
...

controllers: [
'Users'
],

...
});

[fmuke]

--- i did tried the cold below but it does t work ... i doesn't call the controller since the console.log do note send the message... been trying...still nothing

Ext.application({
name: 'AM',
appFolder: 'app',
controllers: ['Users'],

launch: function () {
var me = this;

Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
xtype: 'panel',
title: 'Users',
html: 'List of users will go here'
}
]
});
console.log('hello from app.js');

}
});

[vietits]

@fmuke,

I have tried to run your code with Ext 4.1.1 and Chrome browser and it works well. I think, your problem is that the Users controller could not be loaded. So try to check the filename and pathname of Users controller. Make sure its pathname is ".../app/controller/Users.js"

[fmuke]

tks for the help ...
were u able to get a the message "console.log('hello2 from controller Users.js');"

[fmuke]

thank you guys for your help ....
i found the annoying problem ...
Ext.Loader.setConfig({enabled: true});

Ext.require('Ext.container.Viewport');

Ext.application({
name: 'App',

appFolder: '/NUKEAPPS/app', //<---here is the mistake . i needed to specify the app right location

controllers: ['Books'],

launch: function() {

console.log('called function launch - application');

Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [
{
xtype: 'panel',
title: 'Books',
html : 'List of books will be displayed here'
}
]
});
}
});