Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / examples / ux / ColumnNodeUI.js

diff --git a/examples/tree/ColumnNodeUI.js b/examples/ux/ColumnNodeUI.js
similarity index 75%
rename from examples/tree/ColumnNodeUI.js
rename to examples/ux/ColumnNodeUI.js
index 49e48d9..16254db 100644 (file)
--- a/examples/tree/ColumnNodeUI.js
+++ b/examples/ux/ColumnNodeUI.js
@@ -1,23 +1,29 @@
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.ns('Ext.ux.tree');\r
+\r
+/**\r
+ * @class Ext.ux.tree.ColumnTree\r
+ * @extends Ext.tree.TreePanel\r
  * \r
- * http://extjs.com/license\r
+ * @xtype columntree\r
  */\r
+Ext.ux.tree.ColumnTree = Ext.extend(Ext.tree.TreePanel, {\r
+    lines : false,\r
+    borderWidth : Ext.isBorderBox ? 0 : 2, // the combined left/right border for each cell\r
+    cls : 'x-column-tree',\r
 \r
-Ext.tree.ColumnTree = Ext.extend(Ext.tree.TreePanel, {\r
-    lines:false,\r
-    borderWidth: Ext.isBorderBox ? 0 : 2, // the combined left/right border for each cell\r
-    cls:'x-column-tree',\r
-    \r
     onRender : function(){\r
         Ext.tree.ColumnTree.superclass.onRender.apply(this, arguments);\r
-        this.headers = this.body.createChild(\r
-            {cls:'x-tree-headers'},this.innerCt.dom);\r
+        this.headers = this.header.createChild({cls:'x-tree-headers'});\r
 \r
         var cols = this.columns, c;\r
         var totalWidth = 0;\r
+        var scrollOffset = 19; // similar to Ext.grid.GridView default\r
 \r
         for(var i = 0, len = cols.length; i < len; i++){\r
              c = cols[i];\r
@@ -33,12 +39,22 @@ Ext.tree.ColumnTree = Ext.extend(Ext.tree.TreePanel, {
         }\r
         this.headers.createChild({cls:'x-clear'});\r
         // prevent floats from wrapping when clipped\r
-        this.headers.setWidth(totalWidth);\r
+        this.headers.setWidth(totalWidth+scrollOffset);\r
         this.innerCt.setWidth(totalWidth);\r
     }\r
 });\r
 \r
-Ext.tree.ColumnNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {\r
+Ext.reg('columntree', Ext.ux.tree.ColumnTree);\r
+\r
+//backwards compat\r
+Ext.tree.ColumnTree = Ext.ux.tree.ColumnTree;\r
+\r
+\r
+/**\r
+ * @class Ext.ux.tree.ColumnNodeUI\r
+ * @extends Ext.tree.TreeNodeUI\r
+ */\r
+Ext.ux.tree.ColumnNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {\r
     focus: Ext.emptyFn, // prevent odd scrolling behavior\r
 \r
     renderElements : function(n, a, targetNode, bulkRender){\r
@@ -87,4 +103,7 @@ Ext.tree.ColumnNodeUI = Ext.extend(Ext.tree.TreeNodeUI, {
         this.anchor = cs[3];\r
         this.textNode = cs[3].firstChild;\r
     }\r
-});
\ No newline at end of file
+});\r
+\r
+//backwards compat\r
+Ext.tree.ColumnNodeUI = Ext.ux.tree.ColumnNodeUI;\r