1. #1
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    6
    Vote Rating
    0
    sencha-user59 is on a distinguished road

      0  

    Default Need help with the Getting Started example.

    Need help with the Getting Started example.


    Hi,

    I am new to Sencha Touch. When I try the very first Getting Started GS application, the first app created works fine. As soon as I add a home view, the only thing that happens is the Loading Screen. None of the views get loaded and the loading screen stays for ever. I am using Safari browser on Windows 7 system. Here is my Home.js, app.js and Main.js. What am I missing? Thanks,

    xt.define('GS.view.home', {
    extend: 'Ext.Panel',
    xtype: 'homepanel',

    config: {
    title: 'Home',
    iconCls: 'home',

    html: [
    '<img src="http://staging.sencha.com/img/sencha.png" />',
    '<h1>Welcome to Sencha Touch</h1>',
    "<p>You're creating the Getting Started app. This demonstrates how ",
    "to use tabs, lists and forms to create a simple app</p>",
    '<h2>Sencha Touch (2.0.0)</h2>'
    ]
    }
    });


    main.js:

    Ext.define("GS.view.Main", {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar'],

    config: {
    tabBarPosition: 'bottom',

    items: [
    {
    xtype: 'homepanel'
    }
    ]
    }
    });

    app.js:
    //<debug>
    Ext.Loader.setPath({
    'Ext': 'sdk/src'
    });
    //</debug>
    Ext.application({
    name: 'GS',
    requires: [
    'Ext.MessageBox'
    ],
    views: ['Main', 'Home'],
    icon: {
    57: 'resources/icons/Icon.png',
    72: 'resources/icons/Icon~ipad.png',
    114: 'resources/icons/Icon@2x.png',
    144: 'resources/icons/Icon~ipad@2x.png'
    },

    phoneStartupScreen: 'resources/loading/Homescreen.jpg',
    tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg',
    launch: function() {
    // Destroy the #appLoadingIndicator element
    Ext.fly('appLoadingIndicator').destroy();
    // Initialize the main view
    Ext.Viewport.add(Ext.create('GS.view.Main'));
    },
    onUpdated: function() {
    Ext.Msg.confirm(
    "Application Update",
    "This application has just successfully been updated to the latest version. Reload now?",
    function() {
    window.location.reload();
    }
    );
    }
    });

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,647
    Vote Rating
    898
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Check the developer console, there is probably an error waiting for you.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread