No output form trial looking for a combo select example

[jop_008]

Hi,

I am trying to build a form app with models and stores in arrays. Here also a problem the store arrays can not be read properly (see my other thread).
I want the select boxes populated by the data columns of the array items (stored in store\..js files).
I can not find a proper example to start with so I started with the following one:

In my code (app.js) I have the following code:

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


var contactdata = [
{firstName: 'Pearlie', lastName: 'White'},
{firstName: 'John', lastName: 'Suttle'},
{firstName: 'Javier', lastName: 'Henderson'},
{firstName: 'Young', lastName: 'Alverd'},
{firstName: 'Pearlie', lastName: 'white'},
{firstName: 'Billy', lastName: 'Artega'},
{firstName: 'Dona', lastName: 'Bigglker'},
{firstName: 'Alfred', lastName: 'Blackburn'},
{firstName: 'Trenton', lastName: 'Bollinger'},
{firstName: 'Tom', lastName: 'Foose'}
];


var store = new Ext.data.Store({
model: 'Contact',
data: contactdata
});


var itemTemplate = new Ext.XTemplate(
'<tpl for=".">',
'{firstName} {lastName}',
'</tpl>'
);


var itemTemplate = new Ext.XTemplate(
'<tpl for=".">',
'<div style="color:#fff;background-color:#ff0000;">',
'{firstName} {lastName}',
'</div>',
'</tpl>'
);


MyApp = new Ext.Application({
name: 'TouchStart',
fullscreen: true
});


var contactList = new Ext.List({
store: store,
itemTpl: itemTemplate,
height:"100%"
});


new Ext.Panel({
fullscreen:true,
layout:'fit',
dockedItems:[{xtype:'toolbar', title:'Contact List'}],
dock:'top',
scroll:'vertical',
items:[contactList]
});
which does nothing only showing a blank screen without error msg.

Thanks,
John

[mitchellsimoens]

This looks like ST1 code, is it?

[jop_008]

Hi,

Combobox are not part of ST2 I am trying to switch to nestedlist view approach.

John