Javascript 如何在modalPanel中访问传递的参数

我有一个要求，在点击图像时，我需要在模态面板上显示同一图像的较大尺寸

为此，我所做的是将图像位置作为f:param传递给modal面板，然后在image标记中使用传递的参数

但不知何故，我无法得到我传递的参数的值

代码如下：

这就是我如何激活modalPanel以及如何使用f:param传递参数

<h:graphicImage value="../images/DSCN0965.JPG" height="50" width="50" styleClass="iconClass">

     <rich:componentControl for="imagePanel" operation="show" event="onclick">

         <f:param value="../images/DSCN0965.JPG" name="imagePath"/>

     </rich:componentControl>

 </h:graphicImage>

这是模态面板代码，我是如何尝试在这里获得f:param值的

<rich:modalPanel id="imagePanel" width="600" height="600">

      <f:facet name="header">

          <h:panelGroup>

              <h:outputText value="Image"></h:outputText>

          </h:panelGroup>

      </f:facet>

      <f:facet name="controls">

          <h:panelGroup>

              <h:graphicImage value="../images/closeIcon.GIF" styleClass="iconClass" id="closeImageLink"/>

              <rich:componentControl for="imagePanel" attachTo="closeImageLink" operation="hide" event="onclick"/>

          </h:panelGroup>

      </f:facet>

      <h:outputLabel value="#{imagePath}"/>

      <h:graphicImage value="{imagePath}" height="400" width="500" styleClass="iconClass"/>

  </rich:modalPanel>

您能告诉我如何访问传递的参数值吗

问候,

---

Satya

在这里，您不需要设置用于显示更大图像的参数值，而只需使用

javascript

即可轻松实现

在模型面板

id

中指定图像元素，并在页面较小的图像中使用以下脚本

onclick=“document.getElementById（'largeImage'）.src=this.src；”

按照脚本打开面板

---

为了传递param值，您需要将其绑定到JSF支持bean对象，如前所述。

没错，我已经使用javascript完成了它。我不必为此使用f:param