Better view for a list/dataview ?

[Thierryg]

Hi,

I have a list and i wonder if it is possible to transform it with a better rendering.

I mean provide a look style as a spreadsheet with columns well separated and a top row that display the title's colum.

I am looking also for displaying pictures in some cells.

I have checked if a dataview can be used but the look and feel is not the one expected.

Thanks in advance for your reply.

Regards

[landed]

A custom class will let you define your own html, I'm quite new here but here is a link that will help

[Thierryg]

where is your link ?

[landed]

http://www.sencha.com/learn/sencha-touch-2-class-system/

sorry more concise

http://docs.sencha.com/touch/1-1/#!/api/Ext.XTemplate

here is some example code that gives you the IDEA only as it doesnt work but look at the itemTpl part here you set your html and it gets populated in a loop for each element

Ext.define('Ap.view.markets.Olist', {
extend: 'Ext.List',
xtype:'olist'
});


Ext.create('Ext.List', {
fullscreen: true,
store: {
fields: ['name'],
data: [
{name: 'Cowper'},
{name: 'Everett'},
{name: 'University'},
{name: 'Forest'}
]
},


itemTpl: '{name}',


listeners: {
select: function(view, record) {
Ext.Msg.alert('Selected!', 'You selected ' + record.get('name'));
}
}
});