Uncaught TypeError: Cannot call method 'indexOf' of undefined

[cwebb]

Let me preface all of this that I'm an ExtJS & Sencha Touch newbie. I come from jQuery, so this is all pretty new to me.

I'm attempting to create a Nested List using data from a JSONP source. I can see that I'm getting data (via console.log), but it's erring out "Uncaught TypeError: Cannot call method 'indexOf' of undefined". I'd love to hear what I'm doing wrong.

Code here.

[evant]

That link is broken, might wanna repost.

[evant]

No need to have a separate request, you probably want something more like this.

Ext.regModel('ListItem', {
    fields: [{
        id: 'string',
        name: 'text'
    }]
});

Ext.setup({
    icon: 'icon.png',
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    glossOnIcon: false,
    onReady: function(){
        var store = new Ext.data.TreeStore({
            model: 'ListItem',
            proxy: {
                type: 'scripttag',
                url: 'https://graph.facebook.com/me/friends',
                reader: {
                    type: 'tree',
                    root: 'data'
                }
            }
        });
        
        var nestedList = new Ext.NestedList({
            fullscreen: true,
            title: 'Friends',
            displayField: 'text',
            store: store
        });
    }
});

[cwebb]

Thanks Evan! No more errors. Now how would I display the name attribute from my model above? I've changed my displayField to 'name' with no success.

[evant]

Well, did you include it in your model?

[cwebb]

Yes, I'm using the code provided above. The only thing I modified in the model was turning the id to a float. Does the displayField param decide what is visible when the list is generated?

[evant]

The id isn't a recognized property, so that is totally irrelevant. My point is, if you're using "name" as the displayField, then you need so field with the name "name" (yeah...) in your model.

[cwebb]

My jsonp returns name and id fields. Doesn't the model look for those fields to include when building out the list?

Ext.regModel('ListItem', {
    fields: [{
        name: 'text',
        id: 'float'
    }]
});

Then later on doesn't the displayField look at fields collected from the model?

var nestedList = new Ext.NestedList({
       fullscreen: true,
       title: 'Friends',
       displayField: 'name',
       store: store
});

[evant]

Perhaps I'm not making myself clear.

a) The id property you've used in the model is totally ignored, it's not used anywhere, so it's redundant.
b) The model you've declared above has 1 field, called 'text'.

What I assume you want, is a Model with 2 properties, one "name" that is a string and one "id" that is float. If so:

Ext.regModel('ListItem', {
    fields: [{
        name: 'name',
        type: 'string'
    },{
        name: 'id',
        type: 'float'
    }]
});

[cwebb]

Nice! Thanks, Evan! I appreciate your help!

Is it possible to make another JSONP call from the row that's clicked and then push the user to the data that's returned from that call?

I'd need to use the id associated with the row to make the call.