X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/7a654f8d43fdb43d78b63d90528bed6e86b608cc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/docs/source/Splitter.html diff --git a/docs/source/Splitter.html b/docs/source/Splitter.html index 7dac61e0..9550f52b 100644 --- a/docs/source/Splitter.html +++ b/docs/source/Splitter.html @@ -1,4 +1,21 @@ -Sencha Documentation Project
/**
+
+
+
+  
+  The source code
+  
+  
+  
+  
+
+
+  
/**
  * @class Ext.resizer.Splitter
  * @extends Ext.Component
  * <p>This class functions <b>between siblings of a {@link Ext.layout.container.VBox VBox} or {@link Ext.layout.container.HBox HBox}
@@ -24,45 +41,50 @@ Ext.define('Ext.resizer.Splitter', {
     ],
 
     baseCls: Ext.baseCSSPrefix + 'splitter',
-    collapsedCls: Ext.baseCSSPrefix + 'splitter-collapsed',
+    collapsedClsInternal: Ext.baseCSSPrefix + 'splitter-collapsed',
 
-    /**
+    /**
      * @cfg {Boolean} collapsible
      * <code>true</code> to show a mini-collapse tool in the Splitter to toggle expand and collapse on the {@link #collapseTarget} Panel.
      * Defaults to the {@link Ext.panel.Panel#collapsible collapsible} setting of the Panel.
      */
     collapsible: false,
 
-    /**
+    /**
      * @cfg {Boolean} performCollapse
      * <p>Set to <code>false</code> to prevent this Splitter's mini-collapse tool from managing the collapse
      * state of the {@link #collapseTarget}.</p>
      */
 
-    /**
+    /**
      * @cfg {Boolean} collapseOnDblClick
      * <code>true</code> to enable dblclick to toggle expand and collapse on the {@link #collapseTarget} Panel.
      */
     collapseOnDblClick: true,
 
-    /**
+    /**
      * @cfg {Number} defaultSplitMin
      * Provides a default minimum width or height for the two components
      * that the splitter is between.
      */
     defaultSplitMin: 40,
 
-    /**
+    /**
      * @cfg {Number} defaultSplitMax
      * Provides a default maximum width or height for the two components
      * that the splitter is between.
      */
     defaultSplitMax: 1000,
+    
+    /**
+     * @cfg {String} collapsedCls
+     * A class to add to the splitter when it is collapsed. See {@link #collapsible}.
+     */
 
     width: 5,
     height: 5,
 
-    /**
+    /**
      * @cfg {Mixed} collapseTarget
      * <p>A string describing the relative position of the immediate sibling Panel to collapse. May be 'prev' or 'next' (Defaults to 'next')</p>
      * <p>Or the immediate sibling Panel to collapse.</p>
@@ -71,7 +93,7 @@ Ext.define('Ext.resizer.Splitter', {
      */
     collapseTarget: 'next',
 
-    /**
+    /**
      * @property orientation
      * @type String
      * Orientation of this Splitter. <code>'vertical'</code> when used in an hbox layout, <code>'horizontal'</code>
@@ -113,6 +135,9 @@ Ext.define('Ext.resizer.Splitter', {
         me.tracker = Ext.create('Ext.resizer.SplitterTracker', {
             el: me.el
         });
+
+        // Relay the most important events to our owner (could open wider later):
+        me.relayEvents(me.tracker, [ 'beforedragstart', 'dragstart', 'dragend' ]);
     },
 
     getCollapseDirection: function() {
@@ -139,15 +164,17 @@ Ext.define('Ext.resizer.Splitter', {
     },
 
     getCollapseTarget: function() {
-        return this.collapseTarget.isComponent ? this.collapseTarget : this.collapseTarget == 'prev' ? this.previousSibling() : this.nextSibling();
+        var me = this;
+        
+        return me.collapseTarget.isComponent ? me.collapseTarget : me.collapseTarget == 'prev' ? me.previousSibling() : me.nextSibling();
     },
 
     onTargetCollapse: function(target) {
-        this.el.addCls(this.collapsedCls);
+        this.el.addCls([this.collapsedClsInternal, this.collapsedCls]);
     },
 
     onTargetExpand: function(target) {
-        this.el.removeCls(this.collapsedCls);
+        this.el.removeCls([this.collapsedClsInternal, this.collapsedCls]);
     },
 
     toggleTargetCmp: function(e, t) {
@@ -175,4 +202,6 @@ Ext.define('Ext.resizer.Splitter', {
         }
     }
 });
-

\ No newline at end of file
+
+ +