Question

好吧，我有一项“艰苦”的工作要做，我会尝试解释一下。

我的课程包括：汽车和问题。一辆车可能有很多问题（1：N）。让我们想象一下，我必须换轮子的车，所以：

我有一个“通用汽车形象”，有4个轮子（就像世界上所有的汽车一样）。此图像将向用户提供，此用户可以选择1个车轮（点击此车轮）并自动系统将知道有问题的确切车轮（左前，右前，右后，后退） -剩下）。通过这种方式我避免了用户在selectOneMenu中选择有问题的车轮，他可以选择车轮上的图像。

我该怎么办？这可能吗？

Answer 1

只需用图形编辑器将图像分割成块，然后将它们放在链接中。

E.g。

<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，使它们阻塞元素而不填充/ margin / etc，使它看起来像1个图像。

使用jsf / primefaces中的图像处理数据

1 个答案: