+++ /dev/null
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
-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
- root:'data',\r
- remoteGroup:true,\r
- remoteSort: true,\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.grid.GroupSummary.Calculations['totalCost'] = function(v, record, field){\r
- return v + (record.data.estimate * record.data.rate);\r
- }\r
-\r
- var summary = new Ext.grid.HybridSummary(); \r
-\r
- var grid = new xg.EditorGridPanel({\r
- ds: new Ext.data.GroupingStore({\r
- reader: reader,\r
- proxy : new Ext.data.HttpProxy({\r
- url: 'summary.json',\r
- method: 'GET'\r
- }),\r
- sortInfo:{field: 'due', direction: "ASC"},\r
- groupField:'project'\r
- }),\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
- hideGroupedColumn: true\r
- }),\r
-\r
- plugins: summary,\r
-\r
- tbar : [{\r
- text: 'Toggle',\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
- grid.on('afteredit', function(){\r
- var groupValue = 'Ext Forms: Field Anchoring';\r
- summary.showSummaryMsg(groupValue, 'Updating Summary...');\r
- setTimeout(function(){ // simulate server call\r
- summary.updateSummaryData(groupValue,\r
- {due: new Date(2007, 6, 29), estimate: 21, rate: 185, cost: 2900});\r
- }, 2000);\r
- });\r
-\r
- grid.store.load();\r
-});\r
-\r
-Ext.grid.dummyProjects = [\r
- {projectId: 100, project: 'Ext Forms: Field Anchoring'},\r
- {projectId: 101, project: 'Ext Grid: Single-level Grouping'},\r
- {projectId: 102, project: 'Ext Grid: Summary Rows'}\r
-];\r
-\r
-Ext.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
-];
\ No newline at end of file
git.ithinksw.org / extjs.git / blobdiff