examples/app/feed-viewer/app/view/feed/List.js

   1 Ext.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                                         text: 'Add Feed',
  33                                         action: 'add'
  34                                 }, {
  35                                         text: 'Remove Feed',
  36                                         disabled: true,
  37                                         action: 'remove'
  38                                 }]
  39                         }]
  40                 });
  41
  42                 this.callParent(arguments);
  43         },
  44
  45         onSelectionChange: function(selmodel, selection) {
  46         var selected = selection[0],
  47             button = this.down('button[action=remove]');
  48         if (selected) {
  49             button.enable();
  50         }
  51         else {
  52             button.disable();
  53         }
  54         }
  55 });