/
tracks.js
37 lines (37 loc) · 1.28 KB
/
tracks.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
NestedListDemo.views.Tracks = Ext.extend(Ext.NestedList, {
title: 'Tracks',
displayField: 'text',
getItemTextTpl: function() {
var tplConstructor = '{text}' +
'<tpl if="model === \'Artist\'">'+
' <div class="metadata">{[values.items.length]} albums</div>' +
'</tpl>' +
'<tpl if="model === \'Album\'">'+
'<div class="metadata">' +
' {[values.items.length]} tracks' +
' Running time: {[values.items]}' +
'</div>' +
'</tpl>' +
'<tpl if="model === \'Track\'">'+
'<div class="metadata">' +
' Running time: {duration} seconds' +
'</div>' +
'</tpl>' +
'';
return tplConstructor;
},
store: NestedListDemo.tracks_store,
getDetailCard: function(item, parent) {
var itemData = item.attributes.record.data,
parentData = parent.attributes.record.data,
detailCard = new Ext.Panel({
scroll: 'vertical',
styleHtmlContent: true,
tpl: ["<h2>{text}</h2>","{info}"]
});
this.backButton.setText(parentData.text);
this.toolbar.setTitle(itemData.text);
detailCard.update(itemData);
return detailCard;
}
});