X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=examples%2Fgrid%2Farray-grid.js;fp=examples%2Fgrid%2Farray-grid.js;h=dc9a372731a6693900b0576c4effef73a5229437;hb=3ceb008849553fc9d0235f889c190a73330ea822;hp=fdfc59e53fa2a3cee91eb15fd76751bbf670d5df;hpb=5e20d2d4c06f3b903975ec0a90550d5d9cca8779;p=roojs1

diff --git a/examples/grid/array-grid.js b/examples/grid/array-grid.js
index fdfc59e53f..dc9a372731 100644
--- a/examples/grid/array-grid.js
+++ b/examples/grid/array-grid.js
@@ -7,112 +7,112 @@
  *
  * Fork - LGPL
  * <script type="text/javascript">
- */
+ */
 
 Roo.BLANK_IMAGE_URL  = "../../images/default/s.gif";
  
- 
-var Example = {
-    init : function(){
-        // some data yanked off the web
-        var myData = [
-			['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
-            ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
-            ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
-            ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
-            ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
-            ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
-            ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
-            ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
-            ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
-            ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
-            ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
-            ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
-            ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
-            ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
-            ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
-            ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
-            ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
-            ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
-            ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
-            ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
-            ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
-            ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
-            ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
-            ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
-            ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
-            ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
-            ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
-            ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
-            ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
-            ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
-		];
-
-        var ds = new Roo.data.Store({
-		        proxy: new Roo.data.MemoryProxy(myData),
-		        reader: new Roo.data.ArrayReader({}, [
-                       {name: 'company'},
-                       {name: 'price', type: 'float'},
-                       {name: 'change', type: 'float'},
-                       {name: 'pctChange', type: 'float'},
-                       {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
-                  ])
-        });
-        ds.load();
-
-		// example of custom renderer function
-        function italic(value){
-            return '<i>' + value + '</i>';
-        }
-
-		// example of custom renderer function
-        function change(val){
-            if(val > 0){
-                return '<span style="color:green;">' + val + '</span>';
-            }else if(val < 0){
-                return '<span style="color:red;">' + val + '</span>';
-            }
-            return val;
-        }
-		// example of custom renderer function
-        function pctChange(val){
-		    if(val > 0){
-		        return '<span style="color:green;">' + val + '%</span>';
-		    }else if(val < 0){
-		        return '<span style="color:red;">' + val + '%</span>';
-		    }
-		    return val;
-		}
-
-		// the DefaultColumnModel expects this blob to define columns. It can be extended to provide
-        // custom or reusable ColumnModels
-        var colModel = new Roo.grid.ColumnModel([
-			{id:'company',header: "Company", width: 160, sortable: true, locked:false, dataIndex: 'company'},
-			{header: "Price", width: 75, sortable: true, renderer: Roo.util.Format.usMoney, dataIndex: 'price'},
-			{header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
-			{header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
-			{header: "Last Updated", width: 85, sortable: true, renderer: Roo.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
-		]);
-
-
-        // create the Grid
-        var grid = new Roo.grid.Grid('grid-example', {
-            ds: ds,
-            cm: colModel,
-            autoExpandColumn: 'company'
-        });
-        
-        var layout = Roo.BorderLayout.create({
-            center: {
-                margins:{left:3,top:3,right:3,bottom:3},
-                panels: [new Roo.GridPanel(grid)]
-            }
-        }, 'grid-panel');
-
-        grid.render();
-        
-
-        grid.getSelectionModel().selectFirstRow();
-    }
-};
+ 
+var Example = {
+    init : function(){
+        // some data yanked off the web
+        var myData = [
+			['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
+            ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
+            ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
+            ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
+            ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
+            ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
+            ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
+            ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
+            ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
+            ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
+            ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
+            ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
+            ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
+            ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
+            ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
+            ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
+            ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
+            ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
+            ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
+            ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
+            ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
+            ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
+            ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
+            ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
+            ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
+            ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
+            ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
+            ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
+            ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
+            ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
+		];
+
+        var ds = new Roo.data.Store({
+		        proxy: new Roo.data.MemoryProxy(myData),
+		        reader: new Roo.data.ArrayReader({}, [
+                       {name: 'company'},
+                       {name: 'price', type: 'float'},
+                       {name: 'change', type: 'float'},
+                       {name: 'pctChange', type: 'float'},
+                       {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
+                  ])
+        });
+        ds.load();
+
+		// example of custom renderer function
+        function italic(value){
+            return '<i>' + value + '</i>';
+        }
+
+		// example of custom renderer function
+        function change(val){
+            if(val > 0){
+                return '<span style="color:green;">' + val + '</span>';
+            }else if(val < 0){
+                return '<span style="color:red;">' + val + '</span>';
+            }
+            return val;
+        }
+		// example of custom renderer function
+        function pctChange(val){
+		    if(val > 0){
+		        return '<span style="color:green;">' + val + '%</span>';
+		    }else if(val < 0){
+		        return '<span style="color:red;">' + val + '%</span>';
+		    }
+		    return val;
+		}
+
+		// the DefaultColumnModel expects this blob to define columns. It can be extended to provide
+        // custom or reusable ColumnModels
+        var colModel = new Roo.grid.ColumnModel([
+			{id:'company',header: "Company", width: 160, sortable: true, locked:false, dataIndex: 'company'},
+			{header: "Price", width: 75, sortable: true, renderer: Roo.util.Format.usMoney, dataIndex: 'price'},
+			{header: "Change", width: 75, sortable: true, renderer: change, dataIndex: 'change'},
+			{header: "% Change", width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
+			{header: "Last Updated", width: 85, sortable: true, renderer: Roo.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
+		]);
+
+
+        // create the Grid
+        var grid = new Roo.grid.Grid('grid-example', {
+            ds: ds,
+            cm: colModel,
+            autoExpandColumn: 'company'
+        });
+        
+        var layout = Roo.BorderLayout.create({
+            center: {
+                margins:{left:3,top:3,right:3,bottom:3},
+                panels: [new Roo.GridPanel(grid)]
+            }
+        }, 'grid-panel');
+
+        grid.render();
+        
+
+        grid.getSelectionModel().selectFirstRow();
+    }
+};
 Roo.onReady(Example.init, Example);
\ No newline at end of file