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

diff --git a/examples/app/feed-viewer/app/view/article/Grid.js b/examples/app/feed-viewer/app/view/article/Grid.js
new file mode 100644
index 00000000..0558de3b
--- /dev/null
+++ b/examples/app/feed-viewer/app/view/article/Grid.js
@@ -0,0 +1,85 @@
+Ext.define('FV.view.article.Grid', {
+	extend: 'Ext.grid.Panel',
+	alias: 'widget.articlegrid',
+
+	cls: 'feed-grid',
+	disabled: true,
+
+    requires: ['Ext.ux.PreviewPlugin', 'Ext.toolbar.Toolbar'],
+    
+    border: false,
+    
+	initComponent: function() {
+		Ext.apply(this, {
+		    store: 'Articles',
+
+			viewConfig: {
+				plugins: [{
+					pluginId: 'preview',
+					ptype: 'preview',
+					bodyField: 'description',
+					previewExpanded: true
+				}]
+			},
+
+			columns: [{
+				text: 'Title',
+				dataIndex: 'title',
+				flex: 1,
+				renderer: this.formatTitle
+			}, {
+				text: 'Author',
+				dataIndex: 'author',
+				hidden: true,
+				width: 200
+			}, {
+				text: 'Date',
+				dataIndex: 'pubDate',
+				renderer: this.formatDate,
+				width: 200
+			}],
+			dockedItems:[{
+				xtype: 'toolbar',
+				dock: 'top',
+				items: [{
+					text: 'Open All',
+					action: 'openall'
+				}]
+			}]
+		});
+
+		this.callParent(arguments);
+	},
+
+	/**
+	 * Title renderer
+	 * @private
+	 */
+	formatTitle: function(value, p, record) {
+		return Ext.String.format('<div class="topic"><b>{0}</b><span class="author">{1}</span></div>', value, record.get('author') || "Unknown");
+	},
+
+	/**
+	 * Date renderer
+	 * @private
+	 */
+	formatDate: function(date) {
+		if (!date) {
+			return '';
+		}
+
+		var now = new Date(),
+			d = Ext.Date.clearTime(now, true),
+			notime = Ext.Date.clearTime(date, true).getTime();
+
+		if (notime === d.getTime()) {
+			return 'Today ' + Ext.Date.format(date, 'g:i a');
+		}
+
+		d = Ext.Date.add(d, 'd', -6);
+		if (d.getTime() <= notime) {
+			return Ext.Date.format(date, 'D g:i a');
+		}
+		return Ext.Date.format(date, 'Y/m/d g:i a');
+	}
+});