this.headerEl.hide();
}
- // why make it so complicated... - we used to support functional calls for this .. why ?
-
-
- /*
- var autoToken = /\s?auto?\s?/i; /// not sure how this was supposed to work? right auto ? what?
-
- // I think 'auto right' - but
-
- var autoPlace = autoToken.test(placement);
- if (autoPlace) {
- placement = placement.replace(autoToken, '') || 'top';
- }
- */
-
-
+
this.el.show();
- this.el.dom.style.display='block';
-
- //this.el.appendTo(on_el);
-
- var p = this.getPosition();
- var box = this.el.getBox();
-
+ this.el.dom.style.display = 'block';
+
this.el.addClass(placement + ' roo-popover-' + placement);
},
/**
* fire this manually after loading a grid in the table for example
- *
+ * @param {string} (left|right|top|bottom) where to try and put it
+ * @param {Boolean} try and move it if we cant get right position.
*/
- updatePosition : function()
+ updatePosition : function(placement, try_move)
{
- if (!this.alignEl || !this.alignment) {
- return;
+ this.el.addClass(placement + ' roo-popover-' + placement);
+
+ if (!this.alignEl ) {
+ return false;
}
- this.el.alignTo(this.alignEl , this.alignment[0],this.alignment[1]);
+
+ switch (placement) {
+ case 'right':
+ var exact = this.el.getAlignToXY(this.alignEl, 'tl-tr', [10,0]);
+ var offset = this.el.getAlignToXY(this.alignEl, 'tl-tr?',[10,0]);
+ if (!try_move || exact.equals(offset) || exact[0] == offset[0] ) {
+ //normal display... or moved up/down.
+ this.setXY(offset);
+ var xy = this.alignEl.getAnchorXY('tr', false);
+ xy[0]+=2;xy[1]+=5;
+ this.arrowEl.setXY(xy);
+ return true;
+ }
+ // continue through...
+ try_move = false;
+
+
+ case 'left':
+ var exact = this.el.getAlignToXY(this.alignEl, 'tr-tl', [-10,0]);
+ var offset = this.el.getAlignToXY(this.alignEl, 'tl-tr?',[-10,0]);
+ if (!try_move || exact.equals(offset) || exact[0] == offset[0] ) {
+ //normal display... or moved up/down.
+ this.setXY(offset);
+ var xy = this.alignEl.getAnchorXY('tl', false);
+ xy[0]+=2;xy[1]+=5; // << fix me
+ this.arrowEl.setXY(xy);
+ return true;
+ }
+ // call self...
+ return this.updatePosition('right', false);
+
+ case 'top':
+ var exact = this.el.getAlignToXY(this.alignEl, 't-b', [0,-10]);
+ var offset = this.el.getAlignToXY(this.alignEl, 't-b?',[0,-10]);
+ if (!try_move || exact.equals(offset) || exact[1] == offset[1] ) {
+ //normal display... or moved up/down.
+ this.setXY(offset);
+ var xy = this.alignEl.getAnchorXY('tl', false);
+ xy[0]+=2;xy[1]+=5; // << fix me
+ this.arrowEl.setXY(xy);
+ return true;
+ }
+ return this.updatePosition('right', false);
+
+
+ }
+
+
// work out the pointy position.
var p1 = this.alignment[0].split('-').pop().replace('?','');
var xy = this.alignEl.getAnchorXY(p1, false);
xy[0]+=2;xy[1]+=5;
this.arrowEl.setXY(xy);
-
+ return true;
},
hide : function()