Question

我的设计包含链接图像。它们必须像选择组件一样工作，例如当我单击一个链接时，在后侧我控制选择哪一个。用户想要提交他/她的更改后，他/她单击提交按钮并保存选择。

所以我需要一个h:blahblah组件来获取选择，当用户点击它时不会重新加载页面，并且可能再次点击取消选择可能再次点击再次选择。

我需要h:组件，因为我只能轻松更改他们的CSS。

如果你分享你对我如何能够完成这项工作的建议，我也会很高兴。

由于

我的同事

已解决

<h:outputLink value="javascript:void(0);"><p:ajax event="click"  
                    listener="#{beanView.method()}"/>My Link</h:outputLink>

Answer 1

您可以将<f:ajax>与@ViewScoped托管bean结合使用。让listener的{{1}}设置所选的图像值。您可以在<f:ajax>内嵌套<f:ajax>。

<h:graphicImage>

与

<h:form>
    <h:graphicImage name="image1.png">
        <f:ajax event="click" listener="#{bean.setSelectedImage('image1')}" />
    </h:graphicImage>
    <h:graphicImage name="image2.png">
        <f:ajax event="click" listener="#{bean.setSelectedImage('image2')}" />
    </h:graphicImage>
    <h:graphicImage name="image3.png">
        <f:ajax event="click" listener="#{bean.setSelectedImage('image3')}" />
    </h:graphicImage>
    <h:commandButton value="Submit" action="#{bean.submit}" />
</h:form>

不要在链接点击上重新加载页面

1 个答案: