Results 1 to 3 of 3

Thread: Uncaught TypeError

  1. #1

    Default Uncaught TypeError


    I'm trying to make a small app Based on the Ajax Example.

    I'm getting various issues in console when I try and execute my code.
    My code is as follows:

        tabletStartupScreen: 'tablet_startup.png',
        phoneStartupScreen: 'phone_startup.png',
        icon: 'icon.png',
        glossOnIcon: false,
        onReady: function() {
            var tpl = Ext.XTemplate.from('events');
            var makeAjaxRequest = function() {
                Ext.getBody().mask('Loading...', 'x-mask-loading', false);
                    url: 'test.json',
                    success: function(response, opts) {
                        Ext.getCmp('status').setTitle('Static test.json file loaded');
            var makeJSONPRequest = function() {
                url: '',
                params: {
                    method: 'geo.getevents',
                    location: 'london',
                    format: 'json',
                    api_key: 'xxx',
                    limit: '1',
                callbackKey: 'callback',
                    callback: function(result) {
                     // Output result to console (Firebug/Chrome/Safari)
                     // Handle error logic
                     if (result.error) {
                    var events =;
                    if (events) {
                        var html = tpl.applyTemplate(events);
                    else {
                        alert('There was an error retrieving the events.');
                    Ext.getCmp('status').setTitle('Lastfm Data');
            new Ext.Panel({
                fullscreen: true,
                id: 'content',
                scroll: 'vertical',
                dockedItems: [{
                    xtype: 'toolbar',
                    dock: 'top',
                    items: [{
                        text: 'JSONP',
                        handler: makeJSONPRequest
                    },{xtype: 'spacer'},{
                        text: 'XMLHTTP',
                        handler: makeAjaxRequest
                    id: 'status',
                    xtype: 'toolbar',
                    dock: 'bottom',
                    title: "Tap a button above."
    I'm getting the following errors:

    Uncaught TypeError: Cannot read property 'events' of undefined
    (anonymous function) - related to the lastfm api

    Any help would be appreciated. Thanks

  2. #2
    Sencha User's Avatar
    Join Date
    Mar 2007
    DC Area =)


    What does the JSON from that API look like?

  3. #3

    Red face

    JSON result

    {"events":{"event":{"id":"1844439","title":"Laura Isaacson","artists":{"artist":"Laura Isaacson","headliner":"Laura Isaacson"},"venue":{"id":"9111224","name":"The Forge","location":{"geo:point":{"geo:lat":"51.511623","geo:long":"-0.126369"},"city":"Camden, London","country":"United Kingdom","street":"3-7 Delancey Street","postalcode":"NW1 7NL"},"url":"http:\/\/\/venue\/9111224+The+Forge","website":"http:\/\/","phonenumber":"020 7 383 7808","image":[{"#text":"","size":"small"},{"#text":"","size":"medium"},{"#text":"","size":"large"},{"#text":"","size":"extralarge"},{"#text":"","size":"mega"}]},"startDate":"Sun, 13 Mar 2011 11:00:00","description":"<div class=\"bbcode\">Laura Isaacson performs works for cello and piano by Handel, Schumann, &amp; Debussy<\/div>","image":[{"#text":"","size":"small"},{"#text":"","size":"medium"},{"#text":"","size":"large"},{"#text":"","size":"extralarge"}],"attendance":"0","reviews":"0","tag":"lastfm:event=1844439","url":"http:\/\/\/event\/1844439+Laura+Isaacson+at+The+Forge+on+13+March+2011","website":"http:\/\/\/whats-on\/?lgig=a56a2871-15f1-438e-b195-2d88d5fa1eae&performance=1","tickets":"\n  ","cancelled":"0"},"@attr":{"location":"London, United Kingdom","page":"1","perPage":"1","totalPages":"1833","total":"1833"}}}
    Also here is my code for the index.html

    <!DOCTYPE html>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    
        <link rel="stylesheet" href="sencha-touch.css" type="text/css">
        <script type="text/javascript" src="sencha-touch.js"></script>
        <script type="text/javascript" src="index.js"></script>
    <textarea id="events" class="x-hidden-display">
            <tpl for=".">
                <div class="event">
                    <div class="title">
    Forgot to mention this is my first stab at javascript + sencha

Similar Threads

  1. Uncaught TypeError: Cannot read property 'dom' of null
    By webarnie in forum Ext Designer: Help & Discussion
    Replies: 4
    Last Post: 2 Oct 2012, 6:42 AM
  2. Uncaught TypeError: undefined is not a function in Chrome
    By Mycoding in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 27 Jan 2011, 2:40 AM
  3. Uncaught TypeError: Cannot read property 'length' of undefined
    By a2rdvark in forum Sencha Touch 1.x: Discussion
    Replies: 5
    Last Post: 23 Dec 2010, 3:48 PM
  4. Uncaught TypeError: Cannot call method 'indexOf' of undefined
    By cwebb in forum Sencha Touch 1.x: Discussion
    Replies: 11
    Last Post: 9 Sep 2010, 6:59 PM
  5. Uncaught TypeError (JsonStore)
    By Johnnyger in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 2 Sep 2010, 1:12 AM

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