javascript - 在rich :modalPanel via js中设置top和left属性

Question

我使用 RichFaces 的 rich:modalPanel 并尝试设置 top 和 left 属性(定义窗口出现的位置)在屏幕上)通过 JavaScript。我试图获取另一个元素的偏移量并使窗口显示在相同的偏移量中。目前还没有成功。

我做了什么:

<rich:modalPanel top="document.getElementById('some_element').offset().top()"
left="document.getElementById('some_element').offset().left()">

但是它不起作用!该窗口始终显示在左上角。
注意:当我从 document.getElementById('some_element').offset().left() 或 document.getElementById('some_element') 发出警报时.offset().top() 它给了我正确的位置。

Answer 1

@top 和 @left 需要一个字符串值，如果您将 JavaScript 放在那里，它将被视为字符串。

面板 JS API 中的 show 方法采用两个参数 - 事件和选项，因此您可以执行以下操作:

#{rich:component('panelId')}.show(null, {
    top: document.getElementById('some_element').offset().top(),
    left: document.getElementById('some_element').offset().left()
 });