Results 1 to 2 of 2

Thread: Need help with the Getting Started example.

  1. #1
    Sencha Premium Member
    Join Date
    May 2012
    Posts
    6
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,986
    Vote Rating
    1334
      0  

    Default

    Check the developer console, there is probably an error waiting for you.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •