0

我使用rich:PopupPanel 组件来显示一些内容，我希望它们能够被用户最大化和恢复。我已经实现了组件的调整大小和定位，但问题是如何防止 popupPanel 在最大化时被移动并在其恢复时允许它。

这是我负责最大化和恢复 popupPanel 的按钮代码

<!-- language: lang-js -->
<a4j:commandLink id="maximizeRestoreButton" execute="@none"
    render="@none" value="Maximize"
    oncomplete="
        var comp = #{rich:component(cc.attrs.popupId)};

        if (comp.isMaximized) {
            var rv = comp.restoreValues;                    

            comp.moveTo(rv.top, rv.left);
            comp.resize(rv.width - comp.width(), rv.height - comp.height());
            comp.isMaximized = false;
        } else {
            var rv = new Object();
            rv.top = comp.getTop();
            rv.left = comp.getLeft();
            rv.width = comp.width();
            rv.height = comp.height();

            comp.moveTo(0,0);
            comp.resize(window.innerWidth - comp.width(), window.innerHeight - comp.height()); 

            comp.isMaximized = true;
            comp.restoreValues = rv;
        }

        return false;" />
4

1 回答 1

0

我建议您使用 popupPanel 标签来防止弹出面板移动和调整大小，而不是使用外部 js 函数。在丰富的popupPanel 标记中设置movable=false 和resizable = false。例如

<rich:popupPanel resizable="false" movable="false" ...>
.....
</rich:popupPanel>
于 2012-04-16T17:00:44.540 回答