Running "Building your first Mobile App"

[Phil.Strong]

I would change application name back and alter your application launch function to be

launch: function() {

        Ext.create('CityBars.view.MainNav', {fullscreen: true});
    }

[Phil.Strong]

actually you can't change that but make sure it does change

[Phil.Strong]

"Cannot create an instance of unrecognized class name / alias: CityBars.view.DetailPanel"

this will never work if you don't have an application name of CityBars

tell me what your new console message is when you've change the application name

I'm sure this is something very small albeit annoying

[badkneecap]

Not sure why, but this time it did seem to get further than before. Now, the restaurants load up and display like they did before. However, I do get a new error. Here's the dump from console:

Uncaught TypeError: Cannot call method 'push' of undefined Business.js:54
Ext.define.onListItemTapBusiness.js:54
Ext.define.doFiresencha-touch-all-debug.js:17418
Ext.define.firesencha-touch-all-debug.js:17345
Ext.define.doDispatchEventsencha-touch-all-debug.js:22483
Ext.define.dispatchEventsencha-touch-all-debug.js:22464
Ext.define.doFireEventsencha-touch-all-debug.js:26712
Ext.define.fireEventsencha-touch-all-debug.js:26671
Ext.define.onItemTapsencha-touch-all-debug.js:69050
Ext.define.doFiresencha-touch-all-debug.js:17418
Ext.define.firesencha-touch-all-debug.js:17345
Ext.define.doDispatchEventsencha-touch-all-debug.js:22483
Ext.define.dispatchEventsencha-touch-all-debug.js:22464
Ext.define.doFireEventsencha-touch-all-debug.js:26712
Ext.define.fireEventsencha-touch-all-debug.js:26671
Ext.define.onItemTapsencha-touch-all-debug.js:58551
Ext.define.doFiresencha-touch-all-debug.js:17418
Ext.define.firesencha-touch-all-debug.js:17345
Ext.define.doDispatchEventsencha-touch-all-debug.js:22483
Ext.define.dispatchsencha-touch-all-debug.js:17783
Base.implement.callParentsencha-touch-all-debug.js:4546
Ext.define.dispatchsencha-touch-all-debug.js:23208
Ext.define.doPublishsencha-touch-all-debug.js:23301
Ext.define.publishsencha-touch-all-debug.js:23215
Base.implement.callParentsencha-touch-all-debug.js:4546
Ext.define.publishsencha-touch-all-debug.js:23609
Ext.define.onRecognizedsencha-touch-all-debug.js:23593
Ext.define.firesencha-touch-all-debug.js:17844
Ext.define.onTouchEndsencha-touch-all-debug.js:24552
Ext.define.invokeRecognizerssencha-touch-all-debug.js:23659
Ext.define.onTouchEndsencha-touch-all-debug.js:23808
override.processEventsencha-touch-all-debug.js:23880
Ext.define.onEventsencha-touch-all-debug.js:23486
Base.implement.callParentsencha-touch-all-debug.js:4546
override.onEventsencha-touch-all-debug.js:23876
method

Thanks again for all your help. I was really hoping this was a simple configuration problem since I downloaded the project from the website.

[Phil.Strong]

Yeah not sure what's happened here but this looks like a reference issue

not sure why you line numbers are different than mine shows at line 67 there is a call

me.getMainNav().push(details);

this tells me that getMainNav() isn't returning anything

can you check your mainNav component and make sure it has a userAlias of mainnav

in the code that's generated by SA this userAlias corresponds to alias

Ext.define('CityBars.view.MainNav', {
    extend: 'Ext.navigation.View',
    alias: 'widget.mainnav',

    requires: [
        'CityBars.view.ListContainer'
    ],

    config: {
        navigationBar: {

        },
        items: [
            {
                xtype: 'listcontainer',
                title: 'City Bars'
            }
        ]
    }

});

[badkneecap]

After your last comment, I thought maybe I changed the code and it's causing it to break. So, I went back and downloaded the completed project and started over. When I looked at the code behind "MainNav", I noticed it's the same code I had before, and it does not match your code. Again, I'm not sure if I'm doing something wrong or if the project is possibly wrong. Have you tried to download the project and make sure you can load and compile?

Here's the code I have for my MainNav:

Ext.define('MyApp.view.MainNav', {
    extend: 'Ext.navigation.View',
    alias: 'widget.mainnav',
    requires: [
        'MyApp.view.ListContainer'
    ],    config: {
        items: [
            {
                xtype: 'listcontainer',
                id: 'CityBars',
                title: 'City Bars'
            }
        ]
    }
});

I'm downloading the project from this page: http://docs.sencha.com/architect/2-0...rst_mobile_app

[badkneecap]

Looking over the previous posts again, I remember you saying to change the app name to "CityBars". So I did. That changed the code a little, so now it reads:

Ext.define('CityBars.view.MainNav', {
    extend: 'Ext.navigation.View',
    alias: 'widget.mainnav',
    requires: [
        'CityBars.view.ListContainer'
    ],    config: {
        items: [
            {
                xtype: 'listcontainer',
                id: 'CityBars',
                title: 'City Bars'
            }
        ]
    }
});

It's still not working. I noticed when looking at your code the "navigationBar" reference is missing from the config statement in my code. How do I get that in there?

[Phil.Strong]

Where are you downloading the file from? I'd like to check into that as maybe it's out of date somehow ...?

[badkneecap]

http://docs.sencha.com/architect/2-0...rst_mobile_app

At the very bottom of the page where it says "Completed project files". All I'm doing is downloading, opening, and trying to run.

[Phil.Strong]

I need to update that one as it's fairly outdated. I'm sorry for the confusion here is the updated version http://cl.ly/1J0347011H191W23410m