X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/0494b8d9b9bb03ab6c22b34dae81261e3cd7e3e6..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/app/feed-viewer/app/view/feed/List.js

diff --git a/examples/app/feed-viewer/app/view/feed/List.js b/examples/app/feed-viewer/app/view/feed/List.js
new file mode 100644
index 00000000..9314c549
--- /dev/null
+++ b/examples/app/feed-viewer/app/view/feed/List.js
@@ -0,0 +1,55 @@
+Ext.define('FV.view.feed.List', {
+	extend: 'Ext.panel.Panel',
+	alias: 'widget.feedlist',
+
+    requires: ['Ext.toolbar.Toolbar'],
+
+	title: 'Feeds',
+	collapsible: true,
+	animCollapse: true,
+	margins: '5 0 5 5',
+	layout: 'fit',
+
+	initComponent: function() {
+		Ext.apply(this, {
+			items: [{
+				xtype: 'dataview',
+				trackOver: true,
+				store: this.store,
+				cls: 'feed-list',
+				itemSelector: '.feed-list-item',
+				overItemCls: 'feed-list-item-hover',
+				tpl: '<tpl for="."><div class="feed-list-item">{name}</div></tpl>',
+				listeners: {
+				    selectionchange: this.onSelectionChange,
+				    scope: this
+				}
+			}],
+
+			dockedItems: [{
+				xtype: 'toolbar',
+				items: [{
+					text: 'Add Feed',
+					action: 'add'
+				}, {
+					text: 'Remove Feed',
+					disabled: true,
+					action: 'remove'
+				}]
+			}]
+		});
+
+		this.callParent(arguments);
+	},
+	
+	onSelectionChange: function(selmodel, selection) {
+        var selected = selection[0],
+            button = this.down('button[action=remove]');
+        if (selected) {
+            button.enable();
+        }
+        else {
+            button.disable();
+        }
+	}
+});