0

是否可以取消选择/取消选中项目是<p:selectOneRadio>或<h:selectOneRadio/>？

<h:selectOneRadio value="#{adminManageBroadcastController.selectedImage}" converter="#{broadcastImageConverter}">
    <f:selectItems value="#{adminManageBroadcastController.fileUploadList}"  var="image"
        itemValue="#{image}"
        itemLabelEscaped="false"
        itemLabel="&lt;img src=&quot;#{facesContext.externalContext.requestContextPath}#{image.url}&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;broadcast_img&quot;&gt;"
     />
</h:selectOneRadio>
4

1 回答 1

1

如果我正确理解了您的问题，我认为以下内容应该对您有所帮助。当您想在再次单击单选按钮时取消选择它，您应该 - 正如您已经说过的 - 使用click单选按钮调用的 ajax 侦听器。但首先，您必须在每次更改时保存单选按钮的值，因此您必须添加另一个事件监听器来提交单选按钮的值change。现在再次单击所选按钮时，您可以检查单击了哪个按钮，然后检查该按钮是否是所选按钮（如果它具有在 bean 上设置的值）。如果按钮是选定的按钮，则将 bean 上的引用值设置为null并更新selectOneRadio. 我不完全知道您的应用程序的结构是什么，所以我将尝试在代码中勾勒出我的意思：

<h:selectOneRadio value="#{adminManageBroadcastController.selectedImage}" converter="#{broadcastImageConverter}">
    <f:selectItems value="#{adminManageBroadcastController.fileUploadList}"  var="image"
           itemValue="#{image}"
           itemLabelEscaped="false"
           itemLabel="&lt;img src=&quot;#{facesContext.externalContext.requestContextPath}#{image.url}&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;broadcast_img&quot;&gt;"
     />
    <p:ajax event="change" process="@parent" partialSubmit="true"/>
    <p:ajax event="click" process="@this" listener="#{adminManageBroadcastController.deselectImage()}" update="@parent"/>
</h:selectOneRadio>

另一种选择是使用 JavaScript 来完成整个工作。

于 2013-07-23T14:05:20.707 回答