ajax - p :ajax immediate ="true" on UIInput does not skip validation

Question

TL;DR

<h:form>
    <p:inputText required="true">
        <p:ajax event="click" immediate="true" process="@this" update="@this" />
    </p:inputText>
</h:form>

即使 ajax 是立即执行的，单击也会导致验证。为什么？

<小时/>

我 做不到 终于解决了这个问题:

<h:form>
    <p:dataGrid var="elem" value="#{immediateTestBean.elements}" columns="3">
        <f:facet name="footer">
            <p:commandButton action="#{immediateTestBean.newElement}" immediate="true"
                process="@namingcontainer" update="@namingcontainer" value="#{bundle.add}" />
        </f:facet>

        <h:panelGrid columns="3">
            <p:selectOneMenu value="#{elem.type}">
                <p:ajax immediate="true" process="@form" update="@form" />
                <f:selectItem itemValue="text" itemLabel="#{bundle.text}" />
                <f:selectItem itemValue="date" itemLabel="#{bundle.date}" />
            </p:selectOneMenu>

            <h:panelGroup id="detail">
                <p:inputText value="#{elem.text}" required="true" rendered="#{elem.type == 'text'}"
                    validator="#{immediateTestBean.testValidate}" label="#{bundle.text}">
                    <f:validateLength minimum="4" />
                </p:inputText>
                <p:calendar value="#{elem.date}" required="true" rendered="#{elem.type == 'date'}"
                    pattern="dd/MM/yyyy" readonlyInput="true" showOn="button"
                    validator="#{immediateTestBean.testValidate}" label="#{bundle.date}" />
            </h:panelGroup>

            <p:commandButton action="#{immediateTestBean.removeElement(elem)}" immediate="true"
                process="@namingcontainer" update="@namingcontainer" value="#{bundle.remove}" />
        </h:panelGrid>
    </p:dataGrid>

    <p:spacer height="10" style="display: block" />

    <p:commandButton process="@form" update="@form" value="#{bundle.submit}" />
</h:form>

一切正常，除了 <p:ajax immediate="true" process="@form" update="@form" />它的行为与 UICommand 不同s do:验证发生(但在 APPLY_REQUEST_VALUES 阶段)。

我尝试深入研究 JSF 源代码并注意到 UICommand调用facesContext.renderResponse()默认ActionListenerImpl.processAction() ，所以我尝试了:

<p:ajax listener="#{facesContext.renderResponse}" immediate="true" process="@form" update="@form" />

现在，当我选择“日期”时，验证将被跳过，但 <h:panelGroup id="detail">没有更新。

然后，我认为跳过验证也会导致跳过更新模型，所以我调用:

<p:ajax listener="#{immediateTestBean.skip}" immediate="true" process="@form" update="@form" />

终于成功了。

但是出现了两个问题:

1. 为什么这么复杂？
2. 是否有更简单的方法来实现相同的行为？

但是，这是 bean 的代码:

@ManagedBean
@ViewScoped
public class ImmediateTestBean implements Serializable
{
    private static final long serialVersionUID = 1L;

    private static final Logger logger = LoggerFactory.getLogger(ImmediateTestBean.class);

    public class Element
    {
        private String type = "text";

        private String text;

        private Date date;

        public String getType()
        {
            return type;
        }

        public void setType(String type)
        {
            this.type = type;
        }

        public String getText()
        {
            return text;
        }

        public void setText(String text)
        {
            this.text = text;
        }

        public Date getDate()
        {
            return date;
        }

        public void setDate(Date date)
        {
            this.date = date;
        }
    }

    private final List<Element> elements = new ArrayList<>();

    public void testValidate(FacesContext context, UIComponent component, Object value)
    {
        logger.debug("phase: {}", context.getCurrentPhaseId());
    }

    public void skip()
    {
        logger.debug("Faces.getCurrentPhaseId(): {}", Faces.getCurrentPhaseId());

        UIInput component = (UIInput) Components.getCurrentComponent();
        logger.debug("component: {}", component);

        FacesContext context = Faces.getContext();
        component.validate(context);
        if(component.isValid())
        {
            component.updateModel(context);
        }

        Faces.renderResponse();
    }

    public void newElement()
    {
        elements.add(new Element());
    }

    public void removeElement(Element elem)
    {
        elements.remove(elem);
    }

    public List<Element> getElements()
    {
        return elements;
    }
}

Answer 1

1. 为什么这么复杂？

根据 PrimeFaces 文档:“此功能简单但功能强大，足以进行组验证，避免验证不需要的组件”。

您可以在 PrimeFaces 文档的4.2 部分处理章节中找到部分处理的示例

尝试使用<p:ajax immediate="true" process="@this, #{p:component('detail')}" update="#{p:component('detail')}" />

immediate="true"将跳过流程验证、更新模型值和调用应用程序 JSF 生命周期阶段，但 process="@this, #{p:component('detail')}"将仅为组件执行“应用请求值”、“处理验证”、“更新模型值”和“调用应用程序 JSF 生命周期阶段”<h:panelGroup id="detail"和<p:selectOneMenu value="#{elem.type}">...