/ext-4.1.0_b3/docs/extjs/examples/app/feed-viewer/app/view/feed/List.js
JavaScript | 57 lines | 51 code | 6 blank | 0 comment | 2 complexity | ca4b3988db9f5a4a90d06f9900b3b77d MD5 | raw file
1Ext.define('FV.view.feed.List', {
2 extend: 'Ext.panel.Panel',
3 alias: 'widget.feedlist',
4
5 requires: ['Ext.toolbar.Toolbar'],
6
7 title: 'Feeds',
8 collapsible: true,
9 animCollapse: true,
10 margins: '5 0 5 5',
11 layout: 'fit',
12
13 initComponent: function() {
14 Ext.apply(this, {
15 items: [{
16 xtype: 'dataview',
17 trackOver: true,
18 store: this.store,
19 cls: 'feed-list',
20 itemSelector: '.feed-list-item',
21 overItemCls: 'feed-list-item-hover',
22 tpl: '<tpl for="."><div class="feed-list-item">{name}</div></tpl>',
23 listeners: {
24 selectionchange: this.onSelectionChange,
25 scope: this
26 }
27 }],
28
29 dockedItems: [{
30 xtype: 'toolbar',
31 items: [{
32 iconCls: 'feed-add',
33 text: 'Add Feed',
34 action: 'add'
35 }, {
36 iconCls: 'feed-remove',
37 text: 'Remove Feed',
38 disabled: true,
39 action: 'remove'
40 }]
41 }]
42 });
43
44 this.callParent(arguments);
45 },
46
47 onSelectionChange: function(selmodel, selection) {
48 var selected = selection[0],
49 button = this.down('button[action=remove]');
50 if (selected) {
51 button.enable();
52 }
53 else {
54 button.disable();
55 }
56 }
57});