Results 1 to 5 of 5

Thread: Issues starting out with Sencha Touch.

  1. #1
    Sencha User
    Join Date
    Jun 2011
    Posts
    8

    Lightbulb Issues starting out with Sencha Touch.

    Hey guys,

    I am new to sencha, only been at it for a few days, and having some initial issues.

    Firstly some of the examples that come with the download of Sencha do not work for me, i get a blank page, with nothing on the screen. Does anyone else experience this or know why this happens?

    Secondly, ive started to build an app, the basis of a tab bar application with mutliviews, and i have some initial questions.


    Code:
    Ext.setup({
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    icon: 'icon.png',
    glossOnIcon: false,
    onReady: function(){
    Ext.regModel('Contact', {
    fields: ['firstName', 'lastName']
    });
    
    new Ext.TabPanel({
    fullscreen: true,
    items: new Ext.List({
    title: 'My Tab',
    tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong> {lastName}</div></tpl>',
    itemSelector: 'div.contact',
    
    singleSelect: true,
    grouped: true,
    indexBar: true,
    
    store: new Ext.data.Store({
    model: 'Contact',
    sorters: 'firstName',
    
    getGroupString: function(record){
    return record.get('firstName')[0];
    },
    
    data: [{
    firstName: 'Tommy',
    lastName: 'Maintz'
    }]
    })
    })
    });
    }
    });
    I have this piece of code in my application, that adds a tabpanell, and the second tab should be a tableview or listview that is shown in the application.

    I have included the debugging versions of the sencha library, but seem to not get any notifications of anything going wrong.

    This just appears to be a blank screen on my browser, i am currently using safari.

    If anyone has any suggestions, or even links to tutorials/documents that might help me i would be extremely great full, i have read the initial "learn" page on the site, but i just cant seem to get this working.

    Any advice would be superb!

    Thanks

    Tom

  2. #2
    Sencha User
    Join Date
    May 2011
    Posts
    11

    Default Try google chrome

    Have you tried the examples in Google Chrome? Maybe that helps

  3. #3
    Sencha User
    Join Date
    Jun 2011
    Posts
    8

    Default

    Hey, no I haven't tried Google Chrome as yet, is that a better testing environment? I will try that today.

    Any other help or ideas regarding this topic, or useful reads on tutorials or guides on sencha touch would be awesome!!

    Thanks

    Tom

  4. #4
    Sencha User bclinton's Avatar
    Join Date
    Nov 2007
    Posts
    305

    Default

    You need a webkit browser to view Sencha Touch apps. The only webkit browser on Windows is Google Chrome.

    Glance through this guide to Chrome Developer Tools: http://code.google.com/chrome/devtoo.../overview.html

    I suggest that you read the API docs and refer to them frequently. Don't be afraid to click the method names and look at the code.

  5. #5
    Sencha User
    Join Date
    Jun 2011
    Posts
    8

    Default

    Hey, thanks for the info! I am currently developing on a macbook, ill download Chrome plus chrome dev tools.

    Once again, thank-you so much for the help greatly appreciated.

    Tom

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
  •