Question

16

Cannot read property of undefined when passing Static property values to class definition in ExtJS

rated 0 times [ 21] [ 5] / answers: 1 / hits: 8441 / 11 Years ago, tue, february 25, 2014, 12:00:00

I was was wondering whether someone could give some help with a peculiar problem that I am having in ExtJS 4. I have a defined a store that takes some of the values that I have specified in the 'read' and 'create' properties of the api object in the proxy from a class where these values are defined in the statics section of the class. However, when I run the app, I keep getting the error:

**Uncaught TypeError: Cannot read property 'Url' of undefined**.

Here is the store

Ext.define('MyApp.store.address.AddressStore',

       {

           extend: 'Ext.data.Store',

           model: 'MyApp.model.address.AddressModel',

           requires: ['MyApp.props.Url'],

           proxy: {

               type: 'ajax',

               api: {

                   create: MyApp.props.Url.Address.ADD_ADDRESS_URL, //This is defined in the static class below

                   read: MyApp.props.Url.Address.GET_ALL_ADDRESSES_URL //As is this



               },

               reader: {

                   type: 'json',

                   root: 'Addresses'

               }

           }

       }



      );

Heres is the the class that defines the static properties MyApp.props.Url

Ext.define('MyApp.props.Url', {

    statics: {

        Address: {

           ADD_ADDRESS_URL: 'Address/AddAddress',

           GET_ALL_ADDRESSES_URL: 'Address/GetAllAddresses',

           GET_ALL_ADDRESS_TYPES_URL: 'Address/GetAllAddressTypes'

        }

}

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

analiseg

Add To Favorites

Follow

Total Points: 460

Total Questions: 96

Total Answers: 90

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

analiseg questions

1 how to mock a constructor being initiated from inside a method with jest

Tue, Oct 27, 20, 00:00, 4 Years ago

1 Subscribe to topic with Stomp Client but i don't get any notification don't work React Native and work on Angular

Wed, Apr 22, 20, 00:00, 4 Years ago

1 HTTP error 431 when trying to draw a base64 image to a canvas

Wed, Dec 11, 19, 00:00, 5 Years ago

1 Why ngTemplateOutlet is not working when I pass a variable/object?

Fri, Aug 9, 19, 00:00, 5 Years ago

1 Cannot read property 'length' of null - JavaScript

Thu, Jul 18, 19, 00:00, 5 Years ago

View All

answered 11 Years ago maya · Accepted Answer

Think about the evaluation order of the code. In this case, you're essentially saying:

Ext.define('MyClassName', o);

The class definition only gets passed to define once the whole object is resolved. This means that the requires are only processed once we get inside the define call.

You need to do something like:

Ext.require('MyApp.props.Url', function() {

    console.log(MyApp.props.Url.Address.ADD_ADDRESS_URL);

    Ext.define('MyClass', {});

});