X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/src/tip/Tip.js diff --git a/src/tip/Tip.js b/src/tip/Tip.js index 05bca691..089081e6 100644 --- a/src/tip/Tip.js +++ b/src/tip/Tip.js @@ -25,7 +25,8 @@ Ext.define('Ext.tip.Tip', { requires: [ 'Ext.layout.component.Tip' ], alternateClassName: 'Ext.Tip', /** - * @cfg {Boolean} closable True to render a close tool button into the tooltip header (defaults to false). + * @cfg {Boolean} [closable=false] + * True to render a close tool button into the tooltip header. */ /** * @cfg {Number} width @@ -33,33 +34,32 @@ Ext.define('Ext.tip.Tip', { * {@link #minWidth} or {@link #maxWidth}. The maximum supported value is 500. */ /** - * @cfg {Number} minWidth The minimum width of the tip in pixels (defaults to 40). + * @cfg {Number} minWidth The minimum width of the tip in pixels. */ minWidth : 40, /** - * @cfg {Number} maxWidth The maximum width of the tip in pixels (defaults to 300). The maximum supported value is 500. + * @cfg {Number} maxWidth The maximum width of the tip in pixels. The maximum supported value is 500. */ maxWidth : 300, /** * @cfg {Boolean/String} shadow True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" - * for bottom-right shadow (defaults to "sides"). + * for bottom-right shadow. */ shadow : "sides", /** - * @cfg {String} defaultAlign Experimental. The default {@link Ext.core.Element#alignTo} anchor position value - * for this tip relative to its element of origin (defaults to "tl-bl?"). + * @cfg {String} defaultAlign + * Experimental. The default {@link Ext.Element#alignTo} anchor position value for this tip relative + * to its element of origin. */ defaultAlign : "tl-bl?", /** - * @cfg {Boolean} constrainPosition If true, then the tooltip will be automatically constrained to stay within - * the browser viewport. Defaults to false. + * @cfg {Boolean} constrainPosition + * If true, then the tooltip will be automatically constrained to stay within the browser viewport. */ constrainPosition : true, - /** - * @inherited - */ + // @inherited frame: false, // private panel overrides @@ -96,10 +96,13 @@ Ext.define('Ext.tip.Tip', { ariaRole: 'tooltip', initComponent: function() { - this.callParent(arguments); + var me = this; + + me.floating = Ext.apply({}, {shadow: me.shadow}, me.self.prototype.floating); + me.callParent(arguments); // Or in the deprecated config. Floating.doConstrain only constrains if the constrain property is truthy. - this.constrain = this.constrain || this.constrainPosition; + me.constrain = me.constrain || me.constrainPosition; }, /** @@ -108,11 +111,11 @@ Ext.define('Ext.tip.Tip', { // Show the tip at x:50 and y:100 tip.showAt([50,100]); - * @param {Array} xy An array containing the x and y coordinates + * @param {Number[]} xy An array containing the x and y coordinates */ showAt : function(xy){ var me = this; - this.callParent(); + this.callParent(arguments); // Show may have been vetoed. if (me.isVisible()) { me.setPagePosition(xy[0], xy[1]); @@ -124,7 +127,7 @@ tip.showAt([50,100]); }, /** - * Experimental. Shows this tip at a position relative to another element using a standard {@link Ext.core.Element#alignTo} + * Experimental. Shows this tip at a position relative to another element using a standard {@link Ext.Element#alignTo} * anchor position value. Example usage: *

 // Show the tip at the default position ('tl-br?')
@@ -133,8 +136,8 @@ tip.showBy('my-el');
 // Show the tip's top-left corner anchored to the element's top-right corner
 tip.showBy('my-el', 'tl-tr');
 
- * @param {Mixed} el An HTMLElement, Ext.core.Element or string id of the target element to align to - * @param {String} position (optional) A valid {@link Ext.core.Element#alignTo} anchor position (defaults to 'tl-br?' or + * @param {String/HTMLElement/Ext.Element} el An HTMLElement, Ext.Element or string id of the target element to align to + * @param {String} [position] A valid {@link Ext.Element#alignTo} anchor position (defaults to 'tl-br?' or * {@link #defaultAlign} if specified). */ showBy : function(el, pos) { @@ -152,7 +155,7 @@ tip.showBy('my-el', 'tl-tr'); el: me.getDragEl(), delegate: me.header.el, constrain: me, - constrainTo: me.el.dom.parentNode + constrainTo: me.el.getScopeParent() }; // Important: Bypass Panel's initDraggable. Call direct to Component's implementation. Ext.Component.prototype.initDraggable.call(me);