Upgrade to ExtJS 4.0.2 - Released 06/09/2011

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

index c9ea48a..4bff3ec 100644 (file)
--- a/docs/source/ResizeTracker.html
+++ b/docs/source/ResizeTracker.html
@@ -1,6 +1,25 @@
-<!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-resizer.ResizeTracker'>/**
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The source code</title>
+  <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../prettify/prettify.js"></script>
+  <style type="text/css">
+    .highlight { display: block; background-color: #ddd; }
+  </style>
+  <script type="text/javascript">
+    function highlight() {
+      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
+    }
+  </script>
+</head>
+<body onload="prettyPrint(); highlight();">
+  <pre class="prettyprint lang-js"><span id='Ext-resizer-ResizeTracker'>/**
  </span> * @class Ext.resizer.ResizeTracker
   * @extends Ext.dd.DragTracker
+ * Private utility class for Ext.resizer.Resizer.
+ * @private
   */
  Ext.define('Ext.resizer.ResizeTracker', {
      extend: 'Ext.dd.DragTracker',
@@ -59,7 +78,7 @@ Ext.define('Ext.resizer.ResizeTracker', {
          this.startBox = this.el.getBox();
      },
  
-<span id='Ext-resizer.ResizeTracker-method-getDynamicTarget'>    /**
+<span id='Ext-resizer-ResizeTracker-method-getDynamicTarget'>    /**
  </span>     * @private
       * Returns the object that will be resized on every mousemove event.
       * If dynamic is false, this will be a proxy, otherwise it will be our actual target.
@@ -104,6 +123,8 @@ Ext.define('Ext.resizer.ResizeTracker', {
              ratio,
              widthAdjust = 0,
              heightAdjust = 0,
+            snappedWidth,
+            snappedHeight,
              adjustX = 0,
              adjustY = 0,
              dragRatio,
@@ -168,16 +189,49 @@ Ext.define('Ext.resizer.ResizeTracker', {
              y: box.y + adjustY
          };
  
+        // Snap value between stops according to configured increments
+        snappedWidth = Ext.Number.snap(newBox.width, me.widthIncrement);
+        snappedHeight = Ext.Number.snap(newBox.height, me.heightIncrement);
+        if (snappedWidth != newBox.width || snappedHeight != newBox.height){
+            switch (region) {
+                case 'northeast':
+                    newBox.y -= snappedHeight - newBox.height;
+                    break;
+                case 'north':
+                    newBox.y -= snappedHeight - newBox.height;
+                    break;
+                case 'southwest':
+                    newBox.x -= snappedWidth - newBox.width;
+                    break;
+                case 'west':
+                    newBox.x -= snappedWidth - newBox.width;
+                    break;
+                case 'northwest':
+                    newBox.x -= snappedWidth - newBox.width;
+                    newBox.y -= snappedHeight - newBox.height;
+            }
+            newBox.width = snappedWidth;
+            newBox.height = snappedHeight;
+        }
+
          // out of bounds
          if (newBox.width &lt; me.minWidth || newBox.width &gt; me.maxWidth) {
              newBox.width = Ext.Number.constrain(newBox.width, me.minWidth, me.maxWidth);
-            newBox.x = me.lastX || newBox.x;
+
+            // Re-adjust the X position if we were dragging the west side
+            if (adjustX) {
+                newBox.x = box.x + (box.width - newBox.width);
+            }
          } else {
              me.lastX = newBox.x;
          }
          if (newBox.height &lt; me.minHeight || newBox.height &gt; me.maxHeight) {
              newBox.height = Ext.Number.constrain(newBox.height, me.minHeight, me.maxHeight);
-            newBox.y = me.lastY || newBox.y;
+
+            // Re-adjust the Y position if we were dragging the north side
+            if (adjustY) {
+                newBox.y = box.y + (box.height - newBox.height);
+            }
          } else {
              me.lastY = newBox.y;
          }
@@ -267,4 +321,6 @@ Ext.define('Ext.resizer.ResizeTracker', {
          }
      }
  });
-</pre></pre></body></html>
-\ No newline at end of file
+</pre>
+</body>
+</html>