Question

我使用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;" />

Answer 1

我建议你使用popupPanel标签来移动和调整弹出面板而不是外部js函数。在富popupPanel标记中设置movable = false和resizable = false。对于E.g

<rich:popupPanel resizable="false" movable="false" ...>
.....
</rich:popupPanel>

如何防止Richfaces popupPanel在JavaScript中移动？

1 个答案: