无法使用 p:commandLink 单击 ajax 更新组件

Question

我为用户提供了三个选项：两个设备选择和一个选项说我不想要设备。要选择两个设备，我使用了p:commandLink。说我不想要我用过的设备h:selectOneRadio。

如果用户不想购买设备，用户可以选择选项按钮“我不想拥有”。所以在任何时候，三个按钮中只能选择一个。

如果我按下 h:selectOneRadio 按钮，那么其他两个按钮 (p:commandLink) 将正确更新为“选择”。但是如果我选择了一个设备（p:commandLink），那么h:selectOneRadio按钮不会取消选择，即使它的bean值更新为false。

JSF 页面

<h:panelGroup id="pwpPanel">
    <div class="row">
        <ui:repeat value="#{reconBean.EQList}" var="equipment">
            <div class="col-md-4">
                <div class="btn-fibre-tab text-center">
                    <ui:fragment rendered="#{reconBean.pwpSelectedEquipmentID != equipment.id }">
                        <p:commandLink id="selectpwp" process="@form" update=":mainForm:pwpPanel"
                            styleClass="select_button" action="#{reconBean.updatePWPItem(equipment.id)}"
                            immediate="true">
                            Select
                            <f:ajax render=":mainForm:pwpPanel" />
                        </p:commandLink>
                    </ui:fragment>
                    <ui:fragment rendered="#{reconBean.pwpSelectedEquipmentID eq equipment.id }">
                        <p:commandLink id="selectedpwp" process="@form" update=":mainForm:pwpPanel"
                            styleClass="selected_button" action="#{reconBean.updatePWPItem(equipment.id)}"
                            immediate="true">
                            Selected
                            <f:ajax render=":mainForm:pwpPanel" />
                        </p:commandLink>
                    </ui:fragment>
                </div>
            </div>
        </ui:repeat>
    </div>
    <div class="row">
        <div class="col-sm-12 ">
            <h:selectOneRadio value="#{reconBean.notPurchaseWithPurchase}" id="radioDoNotWant"
                name="pwpEquipment">
                <f:selectItem itemLabel="I do not wish to have" itemValue="true" />
                <f:ajax event="click" execute="@this" listener="#{reconBean.resetPWPSelection}"
                    render="pwpPanel" />
            </h:selectOneRadio>
        </div>
    </div>
</h:panelGroup>

Bean 值

public void updatePWPItem(String itemID) {
    pwpSelectedEquipmentID = itemID;
    notPurchaseWithPurchase = false;
}

public void resetPWPSelection(AjaxBehaviorEvent event) {
    pwpSelectedEquipmentID = null;
}

Answer 1

问题是 CommandLinks 上的 immediate 属性设置为 true。本质上是了解The Lifecycle of a JavaServer Faces Application。 immediate 属性的影响不同，它应用在哪种组件上。如good article中所述：

在标准的 JSF 生命周期中，命令组件上的操作属性在调用应用程序阶段进行评估

...如果你在上面设置immediate="true"。

说实话，我不知道为什么这会阻止您的单选选项被取消选中（我仍在学习 JSF 生命周期的所有方面），但我认为这是因为它在组件树中保持不变并被渲染即使模型是通过您的操作更新的（如果有人对此发表评论，我会相应地更新）。

解决方案是从 CommandLinks 中删除 immediate 属性或将其设置为 false .

一些备注：

• PrimeFaces CommandLinks 内置了默认启用的 AJAX 功能。无需附加额外的<f:ajax />。仅当您想禁用 AJAX 时，您必须将其 ajax 属性设置为 false。 Ajax 的 render 属性符合 CommandLink 的 update 属性。

• 您在不是为它设计的上下文中使用 SelectOneRadio。如JSFToolbox 所述：

  此组件专为您希望向用户显示互斥选项列表作为一组单选按钮的情况而设计。

  考虑使用另一个更合适的组件，例如 CommandLink 或 CommandButton。