Upgrade to ExtJS 3.2.1 - Released 04/27/2010
[extjs.git] / examples / grid / totals.js
index 8e64628..391dfdc 100644 (file)
 /*!
- * Ext JS Library 3.1.0
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
-Ext.onReady(function(){\r
-\r
-    Ext.QuickTips.init();\r
-\r
-    var xg = Ext.grid;\r
-\r
-    var reader = new Ext.data.JsonReader({\r
-        idProperty: 'taskId',\r
-        fields: [\r
-            {name: 'projectId', type: 'int'},\r
-            {name: 'project', type: 'string'},\r
-            {name: 'taskId', type: 'int'},\r
-            {name: 'description', type: 'string'},\r
-            {name: 'estimate', type: 'float'},\r
-            {name: 'rate', type: 'float'},\r
-            {name: 'cost', type: 'float'},\r
-            {name: 'due', type: 'date', dateFormat:'m/d/Y'}\r
-        ]\r
-\r
-    });\r
-\r
-    // define a custom summary function\r
-    Ext.ux.grid.GroupSummary.Calculations['totalCost'] = function(v, record, field){\r
-        return v + (record.data.estimate * record.data.rate);\r
-    };\r
-\r
-       // utilize custom extension for Group Summary\r
-    var summary = new Ext.ux.grid.GroupSummary();\r
-\r
-    var grid = new xg.EditorGridPanel({\r
-        ds: new Ext.data.GroupingStore({\r
-            reader: reader,\r
-                       // use local data\r
-            data: app.grid.dummyData,\r
-            sortInfo: {field: 'due', direction: 'ASC'},\r
-            groupField: 'project'\r
-        }),\r
-        columns: [\r
-            {\r
-                id: 'description',\r
-                header: 'Task',\r
-                width: 80,\r
-                sortable: true,\r
-                dataIndex: 'description',\r
-                summaryType: 'count',\r
-                hideable: false,\r
-                summaryRenderer: function(v, params, data){\r
-                    return ((v === 0 || v > 1) ? '(' + v +' Tasks)' : '(1 Task)');\r
-                },\r
-                editor: new Ext.form.TextField({\r
-                   allowBlank: false\r
-                })\r
-            },{\r
-                header: 'Project',\r
-                width: 20,\r
-                sortable: true,\r
-                dataIndex: 'project'\r
-            },{\r
-                header: 'Due Date',\r
-                width: 25,\r
-                sortable: true,\r
-                dataIndex: 'due',\r
-                summaryType: 'max',\r
-                renderer: Ext.util.Format.dateRenderer('m/d/Y'),\r
-                editor: new Ext.form.DateField({\r
-                    format: 'm/d/Y'\r
-                })\r
-            },{\r
-                header: 'Estimate',\r
-                width: 20,\r
-                sortable: true,\r
-                dataIndex: 'estimate',\r
-                summaryType: 'sum',\r
-                renderer : function(v){\r
-                    return v +' hours';\r
-                },\r
-                editor: new Ext.form.NumberField({\r
-                   allowBlank: false,\r
-                   allowNegative: false,\r
-                   style: 'text-align:left'\r
-                })\r
-            },{\r
-                header: 'Rate',\r
-                width: 20,\r
-                sortable: true,\r
-                renderer: Ext.util.Format.usMoney,\r
-                dataIndex: 'rate',\r
-                summaryType: 'average',\r
-                editor: new Ext.form.NumberField({\r
-                    allowBlank: false,\r
-                    allowNegative: false,\r
-                    style: 'text-align:left'\r
-                })\r
-            },{\r
-                id: 'cost',\r
-                header: 'Cost',\r
-                width: 20,\r
-                sortable: false,\r
-                groupable: false,\r
-                renderer: function(v, params, record){\r
-                    return Ext.util.Format.usMoney(record.data.estimate * record.data.rate);\r
-                },\r
-                dataIndex: 'cost',\r
-                summaryType: 'totalCost',\r
-                summaryRenderer: Ext.util.Format.usMoney\r
-            }\r
-        ],\r
-\r
-        view: new Ext.grid.GroupingView({\r
-            forceFit: true,\r
-            showGroupName: false,\r
-            enableNoGroups: false,\r
-                       enableGroupingMenu: false,\r
-            hideGroupedColumn: true\r
-        }),\r
-\r
-        plugins: summary,\r
-\r
-        tbar : [{\r
-            text: 'Toggle',\r
-            tooltip: 'Toggle the visibility of summary row',\r
-            handler: function(){summary.toggleSummaries();}\r
-        }],\r
-\r
-        frame: true,\r
-        width: 800,\r
-        height: 450,\r
-        clicksToEdit: 1,\r
-        collapsible: true,\r
-        animCollapse: false,\r
-        trackMouseOver: false,\r
-        //enableColumnMove: false,\r
-        title: 'Sponsored Projects',\r
-        iconCls: 'icon-grid',\r
-        renderTo: document.body\r
-    });\r
-\r
-});\r
-\r
-// set up namespace for application\r
-Ext.ns('app.grid');\r
-// store dummy data in the app namespace\r
-app.grid.dummyData = [\r
-    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 112, description: 'Integrate 2.0 Forms with 2.0 Layouts', estimate: 6, rate: 150, due:'06/24/2007'},\r
-    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 113, description: 'Implement AnchorLayout', estimate: 4, rate: 150, due:'06/25/2007'},\r
-    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 114, description: 'Add support for multiple types of anchors', estimate: 4, rate: 150, due:'06/27/2007'},\r
-    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 115, description: 'Testing and debugging', estimate: 8, rate: 0, due:'06/29/2007'},\r
-    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 101, description: 'Add required rendering "hooks" to GridView', estimate: 6, rate: 100, due:'07/01/2007'},\r
-    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 102, description: 'Extend GridView and override rendering functions', estimate: 6, rate: 100, due:'07/03/2007'},\r
-    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 103, description: 'Extend Store with grouping functionality', estimate: 4, rate: 100, due:'07/04/2007'},\r
-    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 121, description: 'Default CSS Styling', estimate: 2, rate: 100, due:'07/05/2007'},\r
-    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 104, description: 'Testing and debugging', estimate: 6, rate: 100, due:'07/06/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 105, description: 'Ext Grid plugin integration', estimate: 4, rate: 125, due:'07/01/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 106, description: 'Summary creation during rendering phase', estimate: 4, rate: 125, due:'07/02/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 107, description: 'Dynamic summary updates in editor grids', estimate: 6, rate: 125, due:'07/05/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 108, description: 'Remote summary integration', estimate: 4, rate: 125, due:'07/05/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 109, description: 'Summary renderers and calculators', estimate: 4, rate: 125, due:'07/06/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 110, description: 'Integrate summaries with GroupingView', estimate: 10, rate: 125, due:'07/11/2007'},\r
-    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 111, description: 'Testing and debugging', estimate: 8, rate: 125, due:'07/15/2007'}\r
+Ext.onReady(function(){
+
+    Ext.QuickTips.init();
+
+    var xg = Ext.grid;
+
+    var reader = new Ext.data.JsonReader({
+        idProperty: 'taskId',
+        fields: [
+            {name: 'projectId', type: 'int'},
+            {name: 'project', type: 'string'},
+            {name: 'taskId', type: 'int'},
+            {name: 'description', type: 'string'},
+            {name: 'estimate', type: 'float'},
+            {name: 'rate', type: 'float'},
+            {name: 'cost', type: 'float'},
+            {name: 'due', type: 'date', dateFormat:'m/d/Y'}
+        ]
+
+    });
+
+    // define a custom summary function
+    Ext.ux.grid.GroupSummary.Calculations['totalCost'] = function(v, record, field){
+        return v + (record.data.estimate * record.data.rate);
+    };
+
+       // utilize custom extension for Group Summary
+    var summary = new Ext.ux.grid.GroupSummary();
+
+    var grid = new xg.EditorGridPanel({
+        ds: new Ext.data.GroupingStore({
+            reader: reader,
+                       // use local data
+            data: app.grid.dummyData,
+            sortInfo: {field: 'due', direction: 'ASC'},
+            groupField: 'project'
+        }),
+        columns: [
+            {
+                id: 'description',
+                header: 'Task',
+                width: 80,
+                sortable: true,
+                dataIndex: 'description',
+                summaryType: 'count',
+                hideable: false,
+                summaryRenderer: function(v, params, data){
+                    return ((v === 0 || v > 1) ? '(' + v +' Tasks)' : '(1 Task)');
+                },
+                editor: new Ext.form.TextField({
+                   allowBlank: false
+                })
+            },{
+                header: 'Project',
+                width: 20,
+                sortable: true,
+                dataIndex: 'project'
+            },{
+                header: 'Due Date',
+                width: 25,
+                sortable: true,
+                dataIndex: 'due',
+                summaryType: 'max',
+                renderer: Ext.util.Format.dateRenderer('m/d/Y'),
+                editor: new Ext.form.DateField({
+                    format: 'm/d/Y'
+                })
+            },{
+                header: 'Estimate',
+                width: 20,
+                sortable: true,
+                dataIndex: 'estimate',
+                summaryType: 'sum',
+                renderer : function(v){
+                    return v +' hours';
+                },
+                editor: new Ext.form.NumberField({
+                   allowBlank: false,
+                   allowNegative: false,
+                   style: 'text-align:left'
+                })
+            },{
+                header: 'Rate',
+                width: 20,
+                sortable: true,
+                renderer: Ext.util.Format.usMoney,
+                dataIndex: 'rate',
+                summaryType: 'average',
+                editor: new Ext.form.NumberField({
+                    allowBlank: false,
+                    allowNegative: false,
+                    style: 'text-align:left'
+                })
+            },{
+                id: 'cost',
+                header: 'Cost',
+                width: 20,
+                sortable: false,
+                groupable: false,
+                renderer: function(v, params, record){
+                    return Ext.util.Format.usMoney(record.data.estimate * record.data.rate);
+                },
+                dataIndex: 'cost',
+                summaryType: 'totalCost',
+                summaryRenderer: Ext.util.Format.usMoney
+            }
+        ],
+
+        view: new Ext.grid.GroupingView({
+            forceFit: true,
+            showGroupName: false,
+            enableNoGroups: false,
+                       enableGroupingMenu: false,
+            hideGroupedColumn: true
+        }),
+
+        plugins: summary,
+
+        tbar : [{
+            text: 'Toggle',
+            tooltip: 'Toggle the visibility of summary row',
+            handler: function(){summary.toggleSummaries();}
+        }],
+
+        frame: true,
+        width: 800,
+        height: 450,
+        clicksToEdit: 1,
+        collapsible: true,
+        animCollapse: false,
+        trackMouseOver: false,
+        //enableColumnMove: false,
+        title: 'Sponsored Projects',
+        iconCls: 'icon-grid',
+        renderTo: document.body
+    });
+
+});
+
+// set up namespace for application
+Ext.ns('app.grid');
+// store dummy data in the app namespace
+app.grid.dummyData = [
+    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 112, description: 'Integrate 2.0 Forms with 2.0 Layouts', estimate: 6, rate: 150, due:'06/24/2007'},
+    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 113, description: 'Implement AnchorLayout', estimate: 4, rate: 150, due:'06/25/2007'},
+    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 114, description: 'Add support for multiple types of anchors', estimate: 4, rate: 150, due:'06/27/2007'},
+    {projectId: 100, project: 'Ext Forms: Field Anchoring', taskId: 115, description: 'Testing and debugging', estimate: 8, rate: 0, due:'06/29/2007'},
+    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 101, description: 'Add required rendering "hooks" to GridView', estimate: 6, rate: 100, due:'07/01/2007'},
+    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 102, description: 'Extend GridView and override rendering functions', estimate: 6, rate: 100, due:'07/03/2007'},
+    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 103, description: 'Extend Store with grouping functionality', estimate: 4, rate: 100, due:'07/04/2007'},
+    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 121, description: 'Default CSS Styling', estimate: 2, rate: 100, due:'07/05/2007'},
+    {projectId: 101, project: 'Ext Grid: Single-level Grouping', taskId: 104, description: 'Testing and debugging', estimate: 6, rate: 100, due:'07/06/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 105, description: 'Ext Grid plugin integration', estimate: 4, rate: 125, due:'07/01/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 106, description: 'Summary creation during rendering phase', estimate: 4, rate: 125, due:'07/02/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 107, description: 'Dynamic summary updates in editor grids', estimate: 6, rate: 125, due:'07/05/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 108, description: 'Remote summary integration', estimate: 4, rate: 125, due:'07/05/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 109, description: 'Summary renderers and calculators', estimate: 4, rate: 125, due:'07/06/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 110, description: 'Integrate summaries with GroupingView', estimate: 10, rate: 125, due:'07/11/2007'},
+    {projectId: 102, project: 'Ext Grid: Summary Rows', taskId: 111, description: 'Testing and debugging', estimate: 8, rate: 125, due:'07/15/2007'}
 ];
\ No newline at end of file