X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..c8256059947f3aa8f5b0a9a2acf55e2142bb4742:/docs/source/Menu.html diff --git a/docs/source/Menu.html b/docs/source/Menu.html index 4de5529e..4f67209a 100644 --- a/docs/source/Menu.html +++ b/docs/source/Menu.html @@ -1,103 +1,17 @@ - - - - The source code - - - - -
/** - * @class Ext.layout.MenuLayout - * @extends Ext.layout.ContainerLayout - *

Layout manager used by {@link Ext.menu.Menu}. Generally this class should not need to be used directly.

+ + + + The source code + + + + +
/*!
+ * Ext JS Library 3.2.1
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
  */
- Ext.layout.MenuLayout = Ext.extend(Ext.layout.ContainerLayout, {
-    monitorResize : true,
-
-    setContainer : function(ct){
-        this.monitorResize = !ct.floating;
-        // This event is only fired by the menu in IE, used so we don't couple
-        // the menu with the layout.
-        ct.on('autosize', this.doAutoSize, this);
-        Ext.layout.MenuLayout.superclass.setContainer.call(this, ct);
-    },
-
-    renderItem : function(c, position, target){
-        if (!this.itemTpl) {
-            this.itemTpl = Ext.layout.MenuLayout.prototype.itemTpl = new Ext.XTemplate(
-                '
  • ', - '', - '', - '', - '
  • ' - ); - } - - if(c && !c.rendered){ - if(Ext.isNumber(position)){ - position = target.dom.childNodes[position]; - } - var a = this.getItemArgs(c); - -// The Component's positionEl is the
  • it is rendered into - c.render(c.positionEl = position ? - this.itemTpl.insertBefore(position, a, true) : - this.itemTpl.append(target, a, true)); - -// Link the containing
  • to the item. - c.positionEl.menuItemId = c.getItemId(); - -// If rendering a regular Component, and it needs an icon, -// move the Component rightwards. - if (!a.isMenuItem && a.needsIcon) { - c.positionEl.addClass('x-menu-list-item-indent'); - } - this.configureItem(c, position); - }else if(c && !this.isValidParent(c, target)){ - if(Ext.isNumber(position)){ - position = target.dom.childNodes[position]; - } - target.dom.insertBefore(c.getActionEl().dom, position || null); - } - }, - - getItemArgs : function(c) { - var isMenuItem = c instanceof Ext.menu.Item; - return { - isMenuItem: isMenuItem, - needsIcon: !isMenuItem && (c.icon || c.iconCls), - icon: c.icon || Ext.BLANK_IMAGE_URL, - iconCls: 'x-menu-item-icon ' + (c.iconCls || ''), - itemId: 'x-menu-el-' + c.id, - itemCls: 'x-menu-list-item ' - }; - }, - -// Valid if the Component is in a
  • which is part of our target
      - isValidParent : function(c, target) { - return c.el.up('li.x-menu-list-item', 5).dom.parentNode === (target.dom || target); - }, - - onLayout : function(ct, target){ - this.renderAll(ct, target); - this.doAutoSize(); - }, - - doAutoSize : function(){ - var ct = this.container, w = ct.width; - if(ct.floating){ - if(w){ - ct.setWidth(w); - }else if(Ext.isIE){ - ct.setWidth(Ext.isStrict && (Ext.isIE7 || Ext.isIE8) ? 'auto' : ct.minWidth); - var el = ct.getEl(), t = el.dom.offsetWidth; // force recalc - ct.setWidth(ct.getLayoutTarget().getWidth() + el.getFrameWidth('lr')); - } - } - } -}); -Ext.Container.LAYOUTS['menu'] = Ext.layout.MenuLayout; -
      /** * @class Ext.menu.Menu * @extends Ext.Container @@ -194,6 +108,13 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { */ floating : true, + +
      /** + * @cfg {Number} zIndex + * zIndex to use when the menu is floating. + */ + zIndex: 15000, + // private hidden : true, @@ -258,10 +179,10 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { } Ext.menu.Menu.superclass.initComponent.call(this); if(this.autoLayout){ + var fn = this.doLayout.createDelegate(this, []); this.on({ - add: this.doLayout, - remove: this.doLayout, - scope: this + add: fn, + remove: fn }); } }, @@ -292,7 +213,7 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { dh: dh, constrain: false, parentEl: ct, - zindex:15000 + zindex: this.zIndex }); }else{ this.el = ct.createChild(dh); @@ -476,7 +397,7 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { // set the position so we can figure out the constrain value. this.el.setXY(xy); //constrain the value, keep the y coordinate the same - this.constrainScroll(xy[1]); + xy[1] = this.constrainScroll(xy[1]); xy = [this.el.adjustForConstraints(xy)[0], xy[1]]; }else{ //constrain to the viewport. @@ -499,12 +420,31 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { }, constrainScroll : function(y){ - var max, full = this.ul.setHeight('auto').getHeight(); + var max, full = this.ul.setHeight('auto').getHeight(), + returnY = y, normalY, parentEl, scrollTop, viewHeight; if(this.floating){ - max = this.maxHeight ? this.maxHeight : Ext.fly(this.el.dom.parentNode).getViewSize(false).height - y; + parentEl = Ext.fly(this.el.dom.parentNode); + scrollTop = parentEl.getScroll().top; + viewHeight = parentEl.getViewSize().height; + //Normalize y by the scroll position for the parent element. Need to move it into the coordinate space + //of the view. + normalY = y - scrollTop; + max = this.maxHeight ? this.maxHeight : viewHeight - normalY; + if(full > viewHeight) { + max = viewHeight; + //Set returnY equal to (0,0) in view space by reducing y by the value of normalY + returnY = y - normalY; + } else if(max < full) { + returnY = y - (full - max); + max = full; + } }else{ max = this.getHeight(); } + // Always respect maxHeight + if (this.maxHeight){ + max = Math.min(this.maxHeight, max); + } if(full > max && max > 0){ this.activeMax = max - this.scrollerHeight * 2 - this.el.getFrameWidth('tb') - Ext.num(this.el.shadowOffset, 0); this.ul.setHeight(this.activeMax); @@ -515,6 +455,7 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { this.el.select('.x-menu-scroller').setDisplayed('none'); } this.ul.dom.scrollTop = 0; + return returnY; }, createScrollers : function(){ @@ -575,9 +516,11 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { * @param {Boolean} deep (optional) True to hide all parent menus recursively, if any (defaults to false) */ hide : function(deep){ - this.deepHide = deep; - Ext.menu.Menu.superclass.hide.call(this); - delete this.deepHide; + if (!this.isDestroyed) { + this.deepHide = deep; + Ext.menu.Menu.superclass.hide.call(this); + delete this.deepHide; + } }, // private @@ -655,7 +598,9 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { * @return {Ext.menu.Item} The menu item that was added */ addElement : function(el){ - return this.add(new Ext.menu.BaseItem(el)); + return this.add(new Ext.menu.BaseItem({ + el: el + })); },
      /** @@ -687,6 +632,7 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { //private onDestroy : function(){ + Ext.EventManager.removeResizeListener(this.hide, this); var pm = this.parentMenu; if(pm && pm.activeChild == this){ delete pm.activeChild; @@ -694,7 +640,6 @@ Ext.menu.Menu = Ext.extend(Ext.Container, { delete this.parentMenu; Ext.menu.Menu.superclass.onDestroy.call(this); Ext.menu.MenuMgr.unregister(this); - Ext.EventManager.removeResizeListener(this.hide, this); if(this.keyNav) { this.keyNav.disable(); } @@ -779,6 +724,6 @@ Ext.menu.MenuNav = Ext.extend(Ext.KeyNav, function(){ } }; }()); -
  • - +
    + \ No newline at end of file