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

https://bitbucket.org/srogerf/javascript · JavaScript · 57 lines · 51 code · 6 blank · 0 comment · 2 complexity · ca4b3988db9f5a4a90d06f9900b3b77d MD5 · raw file

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