Nested list not showing displayField.

[hotdp]

Hey,
I am using a Navigation View and putting a Nested List inside. When doing so all my items have no text. I am using the test code from.
http://docs.sencha.com/touch/2-0/#!/...iew.NestedList

2012-02-17 04.33.47 pm.png

[aconran]

Could you attach the project so we could take a look?

[hotdp]

Could you attach the project so we could take a look?

Sure, I have just created a test project. Where can I attach/send it?

[hotdp]

Here is the test project. Also the titles are buggy in this combination.

[hotdp]

@aconran

Do you need more information?

If I use a TabPanel the problem is also there. So its not only a Navigation View problem..

[aconran]

Don't think so, thanks for the test case. Its in our todo list to look into this

[bharatn]

Hi,

The project that you attached has no nested list. There is only Navigation View and a child button.
Can you attach the project where you have issue with a Nested List?
Thanks

[hotdp]

Hi,

The project that you attached has no nested list. There is only Navigation View and a child button.
Can you attach the project where you have issue with a Nested List?
Thanks

Hi,
You have to press the button (It says Press!) to see the nested list. It will insert the nested list in the nav:

Ext.define('ListItem', {    extend: 'Ext.data.Model',
    fields: [{
        name: 'text',
        type: 'string'
    }]
});


var store = Ext.create('Ext.data.TreeStore', {
    model: 'ListItem',
    defaultRootProperty: 'items',
    root: data
});


var nestedList = Ext.create('Ext.NestedList', {
    //fullscreen: true,
    title: 'Groceries',
    displayField: 'text',
    store: store
});


me.getMainNav().push(nestedList);

And that code is taken from the docs.

[bharatn]

Try wrapping the Model config with a config wrapper.

Ext.define('ListItem', {
    extend: 'Ext.data.Model',
    config: {
        fields: [{
            name: 'text',
            type: 'string'
        }]
    }
});

[hotdp]

Try wrapping the Model config with a config wrapper.

Ext.define('ListItem', {
    extend: 'Ext.data.Model',
    config: {
        fields: [{
            name: 'text',
            type: 'string'
        }]
    }
});

Awesome it works! Should you not update the example on http://docs.sencha.com/touch/2-0/#!/api/Ext.dataview.NestedList