Upgrade to ExtJS 3.3.1 - Released 11/30/2010

[extjs.git] / docs / source / Slider.html
diff --git a/docs/source/Slider.html b/docs/source/Slider.html

index d40a4c5..0b209b5 100644 (file)
--- a/docs/source/Slider.html
+++ b/docs/source/Slider.html
@@ -7,10 +7,10 @@
  </head>
  <body  onload="prettyPrint();">
      <pre class="prettyprint lang-js">/*!
- * Ext JS Library 3.2.1
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
   */
  Ext.ns('Ext.slider');
  
@@ -21,6 +21,12 @@ Ext.ns('Ext.slider');
   * be created internally by an {@link Ext.slider.MultiSlider Ext.Slider}.
   */
  Ext.slider.Thumb = Ext.extend(Object, {
+    
+    <div id="prop-Ext.slider.Thumb-dragging"></div>/**
+     * True while the thumb is in a drag operation
+     * @type Boolean
+     */
+    dragging: false,
  
      <div id="cfg-Ext.slider.Thumb-slider"></div>/**
       * @constructor
@@ -167,6 +173,14 @@ Ext.slider.Thumb = Ext.extend(Object, {
          if (this.dragStartValue != value) {
              slider.fireEvent('changecomplete', slider, value, this);
          }
+    },
+    
+    /**
+     * @private
+     * Destroys the thumb
+     */
+    destroy: function(){
+        Ext.destroyMembers(this, 'tracker', 'el');
      }
  });
  
@@ -247,13 +261,6 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
       * @cfg {Boolean} animate Turn on or off animation. Defaults to true
       */
      animate: true,
-
-    <div id="prop-Ext.slider.MultiSlider-dragging"></div>/**
-     * True while the thumb is in a drag operation
-     * @type Boolean
-     */
-    dragging: false,
-
      <div id="cfg-Ext.slider.MultiSlider-constrainThumbs"></div>/**
       * @cfg {Boolean} constrainThumbs True to disallow thumbs from overlapping one another. Defaults to true
       */
@@ -288,7 +295,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
               * @event beforechange
               * Fires before the slider value is changed. By returning false from an event handler,
               * you can cancel the event and prevent the slider from changing.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Number} newValue The new value which the slider is being changed to.
               * @param {Number} oldValue The old value which the slider was previously.
               */
@@ -297,7 +304,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
              <div id="event-Ext.slider.MultiSlider-change"></div>/**
               * @event change
               * Fires when the slider value is changed.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Number} newValue The new value which the slider has been changed to.
               * @param {Ext.slider.Thumb} thumb The thumb that was changed
               */
@@ -306,7 +313,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
              <div id="event-Ext.slider.MultiSlider-changecomplete"></div>/**
               * @event changecomplete
               * Fires when the slider value is changed by the user and any drag operations have completed.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Number} newValue The new value which the slider has been changed to.
               * @param {Ext.slider.Thumb} thumb The thumb that was changed
               */
@@ -315,7 +322,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
              <div id="event-Ext.slider.MultiSlider-dragstart"></div>/**
               * @event dragstart
               * Fires after a drag operation has started.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Ext.EventObject} e The event fired from Ext.dd.DragTracker
               */
              'dragstart',
@@ -323,7 +330,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
              <div id="event-Ext.slider.MultiSlider-drag"></div>/**
               * @event drag
               * Fires continuously during the drag operation while the mouse is moving.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Ext.EventObject} e The event fired from Ext.dd.DragTracker
               */
              'drag',
@@ -331,7 +338,7 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
              <div id="event-Ext.slider.MultiSlider-dragend"></div>/**
               * @event dragend
               * Fires after the drag operation has completed.
-             * @param {Ext.Slider} slider The slider
+             * @param {Ext.slider.MultiSlider} slider The slider
               * @param {Ext.EventObject} e The event fired from Ext.dd.DragTracker
               */
              'dragend'
@@ -733,7 +740,10 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
          for(; i < len; ++i){
              thumbs[i].el.stopFx();    
          }
-        this.innerEl.setWidth(w - (this.el.getPadding('l') + this.endEl.getPadding('r')));
+        // check to see if we're using an auto width
+        if(Ext.isNumber(w)){
+            this.innerEl.setWidth(w - (this.el.getPadding('l') + this.endEl.getPadding('r')));
+        }
          this.syncThumb();
          Ext.slider.MultiSlider.superclass.onResize.apply(this, arguments);
      },
@@ -825,7 +835,12 @@ Ext.slider.MultiSlider = Ext.extend(Ext.BoxComponent, {
  
      // private
      beforeDestroy : function(){
-        Ext.destroyMembers(this, 'endEl', 'innerEl', 'thumb', 'halfThumb', 'focusEl', 'tracker', 'thumbHolder');
+        var thumbs = this.thumbs;
+        for(var i = 0, len = thumbs.length; i < len; ++i){
+            thumbs[i].destroy();
+            thumbs[i] = null;
+        }
+        Ext.destroyMembers(this, 'endEl', 'innerEl', 'focusEl', 'thumbHolder');
          Ext.slider.MultiSlider.superclass.beforeDestroy.call(this);
      }
  });