Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / examples / grid / from-markup.js

diff --git a/examples/grid/from-markup.js b/examples/grid/from-markup.js
index 7c6b571..a9cecf2 100644 (file)
--- a/examples/grid/from-markup.js
+++ b/examples/grid/from-markup.js
@@ -1,94 +1,20 @@
-/*\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
-  var btn = Ext.get("create-grid");\r
-  btn.on("click", function(){\r
-    btn.dom.disabled = true;\r
-\r
-    // create the grid\r
-    var grid = new Ext.grid.TableGrid("the-table", {\r
-      stripeRows: true // stripe alternate rows\r
-    });\r
-    grid.render();\r
-  }, false, {single:true}); // run once\r
-});\r
-\r
-/**\r
- * @class Ext.grid.TableGrid\r
- * @extends Ext.grid.Grid\r
- * A Grid which creates itself from an existing HTML table element.\r
- * @constructor\r
- * @param {String/HTMLElement/Ext.Element} table The table element from which this grid will be created - \r
- * The table MUST have some type of size defined for the grid to fill. The container will be \r
- * automatically set to position relative if it isn't already.\r
- * @param {Object} config A config object that sets properties on this grid and has two additional (optional)\r
- * properties: fields and columns which allow for customizing data fields and columns for this grid.\r
- * @history\r
- * 2007-03-01 Original version by Nige "Animal" White\r
- * 2007-03-10 jvs Slightly refactored to reuse existing classes\r
- */\r
-Ext.grid.TableGrid = function(table, config) {\r
-  config = config || {};\r
-  Ext.apply(this, config);\r
-  var cf = config.fields || [], ch = config.columns || [];\r
-  table = Ext.get(table);\r
-\r
-  var ct = table.insertSibling();\r
-\r
-  var fields = [], cols = [];\r
-  var headers = table.query("thead th");\r
-  for (var i = 0, h; h = headers[i]; i++) {\r
-    var text = h.innerHTML;\r
-    var name = 'tcol-'+i;\r
-\r
-    fields.push(Ext.applyIf(cf[i] || {}, {\r
-      name: name,\r
-      mapping: 'td:nth('+(i+1)+')/@innerHTML'\r
-    }));\r
-\r
-    cols.push(Ext.applyIf(ch[i] || {}, {\r
-      'header': text,\r
-      'dataIndex': name,\r
-      'width': h.offsetWidth,\r
-      'tooltip': h.title,\r
-      'sortable': true\r
-    }));\r
-  }\r
-\r
-  var ds  = new Ext.data.Store({\r
-    reader: new Ext.data.XmlReader({\r
-      record:'tbody tr'\r
-    }, fields)\r
-  });\r
-\r
-  ds.loadData(table.dom);\r
-\r
-  var cm = new Ext.grid.ColumnModel(cols);\r
-\r
-  if (config.width || config.height) {\r
-    ct.setSize(config.width || 'auto', config.height || 'auto');\r
-  } else {\r
-    ct.setWidth(table.getWidth());\r
-  }\r
-\r
-  if (config.remove !== false) {\r
-    table.remove();\r
-  }\r
-\r
-  Ext.applyIf(this, {\r
-    'ds': ds,\r
-    'cm': cm,\r
-    'sm': new Ext.grid.RowSelectionModel(),\r
-    autoHeight: true,\r
-    autoWidth: false\r
-  });\r
-  Ext.grid.TableGrid.superclass.constructor.call(this, ct, {});\r
-};\r
-\r
-Ext.extend(Ext.grid.TableGrid, Ext.grid.GridPanel);
\ No newline at end of file
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){\r
+    var btn = Ext.get("create-grid");\r
+    btn.on("click", function(){\r
+        btn.dom.disabled = true;\r
+        \r
+        // create the grid\r
+        var grid = new Ext.ux.grid.TableGrid("the-table", {\r
+            stripeRows: true // stripe alternate rows\r
+        });\r
+        grid.render();\r
+    }, false, {\r
+        single: true\r
+    }); // run once\r
+});