javascript - 如何从javascript显示richPopupPanel窗口

Question

我有一个类似于 Rich PopupPanel 的代码。

代码：-

<rich:popupPanel id="simplePopup1" autosized="true" width="300"
height="60" moveable="true" resizeable="false" zindex="100"
onmaskclick="#{rich:component('simplePopup1')}.hide()">
<f:facet name="header">
<h: outputText value="Popup" />
</f:facet>
<f:facet name="controls">
<h: outputLink value="#"
    onclick="#{rich:component('simplePopup1')}.hide(); return false;">
X
</h: outputLink>
</f:facet>
<a4j:region>
<a4j: outputPanel ajaxRendered="true">
<h:form ajaxSubmit="true">
<h:panelGrid columns="1">
<a4j:commandLink action="#{popupBean.eventHandler.onClose}"
value="close" immediate="true" />
</h:panelGrid>
</h:form>
</a4j: outputPanel>
</a4j:region>
</rich:popupPanel>

我可以使用 a4j:commandbutton 使这个弹出窗口可见。但不是那样，我想使用 javascript 代码显示这个弹出窗口。

任何人都有任何想法，如何实现这一目标。

我一直在尝试使用下面的代码，但它不起作用。

<a4j: outputPanel>
<script type="text/javascript">
javascript:document.getElementById('simplePopup1').style.display = 'none'; //or         javascript:rich:component('simplePopup1')}.show();
</script>
</a4j: outputPanel>

注意：- 我在 JBoss6.1 中使用 RF4.0 和 JSF2.0 感谢 Jaikrat Singh

Answer 1

或者，如果您使用的是外部 javacript (myscript.js) 文件，您可以使用：

function openDialog() {
    RichFaces.$("simplePopup1").show();
}

Answer 2

这个？：

#{rich:component('simplePopup1')}.show() 

并且可能：

<script>
    function showPopup() {
        #{rich:component('simplePopup1')}.show();
    }
</script>

MAG，米洛·范德泽