Code:
var onStageData = [
{"img":"img/t/1.png","name":"I qsdf qsdf", "time":"Vr 9/7 17:35 - 18:25"},
{"img":"img/t/2.png","name":"qsdf", "time":"Vr 9/7 18:55 - 19:55"},
{"img":"img/t/3.png","name":"qsdf", "time":"Vr 9/7 20:25 - 21:25"},
{"img":"img/t/4.png","name":"qsdf qsdf & qdsf", "time":"Vr 9/7 21:55 - 23:05"},
{"img":"img/t/5.png","name":"qsdf qsdf", "time":"Vr 9/7 23:35 - 01:00"}
]
var offStageData = [
{"img":"img/t/1.png","name":"Het qsdf - Les Frères d'Epinière", "time":"Vr 9/7 16:00 - 00:00"},
{"img":"img/t/1.png","name":"Eef qsdf", "time":"Vr 9/7 doorlopend"},
{"img":"img/t/1.png","name":"B-qsdf", "time":"Vr 9/7 doorlopend"},
{"img":"img/t/1.png","name":"qdsf zoals qsdf qsdf", "time":"Vr 9/7 doorlopend"},
{"img":"img/t/1.png","name":"qsdf", "time":"Vr 9/7 doorlopend"},
{"img":"img/t/1.png","name":"qsdf", "time":"Vr 9/7 doorlopend"}
]
var onStageComp = new Ext.Component({
cls: 'list',
scroll: 'vertical',
tpl: [
'<tpl for=".">',
'<div class="artist_day">',
'<div class="avatar"><img src="{img}" />',
'<div class="artist_day_content">',
'<h2>{name}</h2>',
'<p>{time}</p>',
'</div>',
'</div>',
'</tpl>'
]
});
var offStageComp = new Ext.Component({
cls: 'list',
scroll: 'vertical',
tpl: [
'<tpl for=".">',
'<div class="artist_day">',
'<div class="avatar"><img src="{img}" />',
'<div class="artist_day_content">',
'<h2>{name}</h2>',
'<p>{time}</p>',
'</div>',
'</div>',
'</tpl>'
]
});
ns.dagenDetail1 = new Ext.Panel(
{
layout:
{
type:"vbox"
},
title:"info",
items: [
onStageComp,offStageComp
]
});
onStageComp.update(onStageData);
offStageComp.update(offStageData);