如何将popUp面板显示在richFaces中鼠标光标的位置

时间:2012-08-25 20:48:03

标签: jsf-2 richfaces

是否有任何属性可以将弹出面板显示在richFaces 4中鼠标光标的位置。?

我现在想到一个解决方案是在rich:component()中影响show事件。 Show()函数,通过javascript设置弹出窗口的位置。

1 个答案:

答案 0 :(得分:0)

您可以通过javascript直接处理richfaces模式面板的显示Here

下面的

this js function 将为您提供鼠标指针的x / y坐标位置,您可以将其返回值作为参数传递给Richfaces.showModalPanel函数

function getPosition(e) { e = e || window.event; var cursor = {x:0, y:0}; if (e.pageX || e.pageY) { cursor.x = e.pageX; cursor.y = e.pageY; } else { var de = document.documentElement; var b = document.body; cursor.x = e.clientX + (de.scrollLeft || b.scrollLeft) - (de.clientLeft || 0); cursor.y = e.clientY + (de.scrollTop || b.scrollTop) - (de.clientTop || 0); } return cursor; }

所以你可以拥有RichFaces.showModalPanel('panel',{top:getPosition(ev).y,left:getPosition(ev).x})

抱歉可怕的javascript。