Question

我要求在点击图像时我需要在模态面板上显示相同图像的较大尺寸。

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

但不知怎的，我无法获得参数I传递的值。

以下是代码：

这是我激活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>

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

此致

萨蒂亚

Answer 1

此处您无需设置用于显示较大图像的参数值，而只需使用javascript即可轻松完成此操作。

将模型面板中的图像元素id说成“largeImage”并在页面中使用以下脚本缩小图像

onclick = "document.getElementById('largeImage').src = this.src;"

按照脚本打开面板。

对于传递param值，您需要按照here所述将其绑定到JSF支持bean对象。

如何访问modalPanel中传递的参数

1 个答案: