在 jsf / primefaces 中处理带有图像的数据

Question

好吧，我有一个“艰苦”的工作要做，我会尽力解释一下。

我参与的课程是：汽车和问题。一辆车可能有很多问题（1：N）。假设我必须交易车轮的汽车，所以：

我有一个有 4 个轮子的“通用汽车图像”（就像世界上所有的汽车一样）。此图像将弹出给用户，此用户可以选择 1 个轮子（单击此轮子），系统会自动知道有问题的确切轮子是什么（左前、右前、右后、后-剩下）。这样我就避免了用户在 selectOneMenu 中选择有问题的轮子，他可以选择图像中的轮子。

我该怎么做？这可能吗？

Answer 1

只需通过图形编辑器将图像分割成块并将它们放入链接中。

例如

<p:commandLink actionListener="#{bean.setWheel(1)}">
    <p:graphicImage name="wheel1.png" />
</p:commandLink>
<p:commandLink actionListener="#{bean.setWheel(2)}">
    <p:graphicImage name="wheel2.png" />
</p:commandLink>
<br />
<p:commandLink actionListener="#{bean.setWheel(3)}">
    <p:graphicImage name="wheel3.png" />
</p:commandLink>
<p:commandLink actionListener="#{bean.setWheel(4)}">
    <p:graphicImage name="wheel4.png" />
</p:commandLink>

您也可以为此使用表格 (<h:panelGrid>)。如有必要，抛出一些 CSS 以使它们成为没有填充/边距/等的块元素，使其看起来像 1 个图像。