Hi, I am trying to put a Nested List into a List so that when I select an item in the List, a Nested List slides in. I got a page to slide in, but the page says "Loading..." instead of the List's names. What am I missing? Or is that even possible?

Here is my code:

Ext.regModel('Contact', {
fields: ['firstName', 'lastName']
});

comics.Structure =
[
{
text: 'Artists (' + artist_count + ')<span class="drilldownarrow">></span>',
card: demos.Artists,
items: [{
xtype: 'textarea',
style: {
width: '95%',
marginBottom: '10px'
}
},
new Ext.Button({
text: 'Send',
minWidth: '100',
style: {
marginBottom: '10px',
}
}),

new Ext.List({
text:'myList',
floating: true,
tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong><div></tpl>',
singleSelect: true,
grouped: true,
indexBar: true,
hidden: false,
itemSelector: 'div.contact',
store: new Ext.data.Store({
model: 'Contact',
sorters: 'firstName',
getGroupString : function(record) {
return record.get('firstName')[0];
},

data: [
{firstName: 'Tommy', lastName: 'Maintz'},
{firstName: 'Ed', lastName: 'Spencer'},
{firstName: 'Zed', lastName: 'Zacharias'}
],
}),
width: 200,
height: 100,
})
]
},

];

Ext.regModel('Demo', {
fields: [
{name: 'text', type: 'string'},
{name: 'source', type: 'string'},
{name: 'card'}
]
});

comics.StructureStore = new Ext.data.TreeStore({
model: 'Demo',
root: {
items: comics.Structure
},
proxy: {
type: 'ajax',
reader: {
type: 'tree',
root: 'items'
}
}
});