Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / 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 (file)
index 0000000..0558de3
--- /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');
+       }
+});