改变丰富:使用JS的modalpanel宽度/高度?

时间:2012-10-16 12:58:38

标签: richfaces jboss-4.2.x richfaces-modal

有可能吗?如果是这样,有没有人有任何例子?

提前致谢。

3 个答案:

答案 0 :(得分:1)

在richfaces 3.3.1.SP3有点无聊,但我找到了解决方案:

最大化rich:modalPanel:

var PAD = 30; //const
var idModalPanel = "#{idModalPanel}";
var modal = return #{rich:component(idModalPanel)};
modal.setLeft(PAD);
modal.setTop(PAD);
var width = Richfaces.getWindowSize().width - (2 * PAD);
var height = Richfaces.getWindowSize().height - (2 * PAD);
modal.getContentElement().style.width = width + "px";
modal.getContentElement().style.height = height + "px";
//Update the modal points. That's the trick!
var borders = modal.borders;
for (var i = 0; i < borders.length; i++) {
    b = borders[i];
    b.startDrag(b.sizer);
    b.doDrag(b.id);
    b.endDrag();
}
modal.doResizeOrMove(ModalPanel.Sizer.Diff.EMPTY);

答案 1 :(得分:0)

我不认为richfaces为此提供了js API。如果您查看页面源,您会注意到模式面板包含许多嵌套div,并且它们设置了大小(以像素为单位)无关紧要,模式有autosized = true或no。可能你可以调整那些div的大小,当然,这是一个糟糕的方式。 (我正在使用richfaces 3.3.3)

答案 2 :(得分:0)

Richfaces 4.3.x中的调整大小弹出面板有Javascript API

function changePanelSize() {
    var modalPanel = #{rich:component('PanelName')};
    modalPanel.setLeft(200);
    modalPanel.setTop(200);
    modalPanel.resize(500,800);
};