-/*\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.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){
+ var btn = Ext.get("create-grid");
+ btn.on("click", function(){
+ btn.dom.disabled = true;
+
+ // create the grid
+ var grid = new Ext.ux.grid.TableGrid("the-table", {
+ stripeRows: true // stripe alternate rows
+ });
+ grid.render();
+ }, false, {
+ single: true
+ }); // run once
+});