在jsf/primefaces中处理数据图像

嗯，我有一个“难”的工作要做，我会尝试解释它。在jsf/primefaces中处理数据图像

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

我有一个“通用汽车形象”，有4个车轮（像世界上所有的汽车）。这张图片将会显示给用户，并且这个用户可以选择1个轮子（点击这个轮子），系统会自动知道问题所在的轮子是什么（左前，右前，后右，后） -剩下）。通过这种方式，我避免了用户在selectOneMenu中选择带问题的轮子，他可以在图像中选择轮子。

我该怎么办？这个有可能？

来源

2013-09-29 Shelly

当然可以。 **但是**你能告诉我们你到目前为止尝试过什么吗？ –

我没有尝试过任何东西，因为我没有ideia如何启动它和使用什么组件。 – Shelly

查看所有primefaces组件的http://primefaces.org/showcase，以便您了解从哪里开始以及可以使用哪些组件。 – Ajeesh

只需通过图形编辑器将图像分块并将其放入链接即可。

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，使它们不用填充/页边空白等等，以便它看起来像1图像。

来源

2013-09-30 10:48:24 BalusC

这也是一个很好的解决方案。谢谢。 – Shelly

那么是否有更好/更简单的解决方案？告诉你如何让生成的HTML看起来像那样，然后我们可以告诉如何编写JSF，以便它能够生成所需的HTML。 – BalusC

重要的是我了解的逻辑，现在我可以单独做。谢谢。 @BalusC – Shelly

在jsf/primefaces中处理数据图像

回答

相关问题