X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/examples/tree/ColumnNodeUI.js..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/ux/ColumnNodeUI.js?ds=sidebyside

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