Changeset 523

Timestamp:

08/07/07 23:33:21 (1 year ago)

Author:

ian

Message:

pulled the sizing and alignment code out of the 'show' method and made a 'resize' method, which might be useful later on to resize the menu over the same tree node - in the event that the tree node has grown or moved

Files:

• pagoda/trunk/Pagoda/pagoda/widgets/admin/static/javascript/tree_menu.js (modified) (3 diffs)

pagoda/trunk/Pagoda/pagoda/widgets/admin/static/javascript/tree_menu.js

@@ -28 +28 @@
-        // Remember which element this menu is attached to
-        this.alignEl = Ext.get(element);
+        this.position = position;
-
-        // Ensure that this menu has been rendered
@@ -37 +38 @@
-        this.fireEvent("beforeshow", this);
-
-
-
-
-
-
-
-
-
-
+
+
-
-        // Show the menu
@@ -54 +48 @@
-        this.fireEvent("show", this);
-
+    },
+    // Resize and realign the menu to the last tree node to have been
+    // passed into the 'show' method.
+    resize: function() {
+        // Align this menu over 'element' with enough padding to fly out
+        var align_position = (this.position == 'r') ? 'tl-tl' : 'tr-tr';
+        this.el.alignTo(this.alignEl, align_position);
+        var padding_position = (this.position == 'r') ? 'padding-left' : 'padding-right';
+        this.el.setStyle(padding_position, this.alignEl.getWidth() + 'px');
+
+        // Set z-index of menu and element so the menu appears behind 'element'
+        this.alignEl.setStyle('z-index', '15000');
+        this.el.setStyle('z-index', '14999');
-    },
-    // Attach this menu to the specified tree, adding event handlers