/ext-4.1.0_b3/docs/extjs/examples/app/feed-viewer/app/view/feed/List.js

 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});