web-dev-qa-db-ja.com

検証に失敗した後のPrimefacesJSFアップデートが機能しない

<p:inputText>の検証とその内容の更新に問題があります。

基本的に、inputText検証が失敗した場合、それは二度と更新されません。

明確にするための簡単な例を次に示します。

フェイスレット：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://Java.Sun.com/jsf/html"
    xmlns:f="http://Java.Sun.com/jsf/core"
    xmlns:ui="http://Java.Sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
    <h:head>
    </h:head>
    <body>
    <h1>Test</h1>

        <h:form id="list" prependId="false">
            <ul>
                <li>Element 1&#160;
                    <p:commandLink action="#{Test.assignElement}" update="detail_value">
                        <f:setPropertyActionListener target="#{Test.currentElement}" value="1" />
                        Assign
                    </p:commandLink>
                </li>
                <li>Element 2&#160;
                    <p:commandLink action="#{Test.assignElement}" update="detail_value">
                        <f:setPropertyActionListener target="#{Test.currentElement}" value="2" />
                        Assign
                    </p:commandLink>
                </li>
            </ul>
        </h:form>

        <h:form id="detail" prependId="false">
            <p:inputText value="#{Test.element}" id="detail_value" required="true" styleClass="#{Faces.messagesFor['detail_value'] ? 'border:1px solid red' : ''}">
                <p:ajax event="blur" update="detail_value"></p:ajax>
            </p:inputText>
        </h:form>
    </body>
</html>

テストBean：

package com.easydevel.test;

public class Test {

    private String currentElement;
    private String element;

    public String getCurrentElement() {
        return currentElement;
    }

    public void setCurrentElement(String currentElement) {
        this.currentElement = currentElement;
    }

    public String getElement() {
        return element;
    }

    public void setElement(String element) {
        this.element = element;
    }

    public String assignElement(){
        setElement(getCurrentElement());
        return "";
    }

}

「要素」の下にあるcommandLinksをクリックすると、入力フィールドが更新されますが、検証が失敗すると（入力テキストを空白のままにして、ページの他の部分をクリックするだけです）、入力の境界線が赤に変わります。その後、上記のcommandLinksをクリックしても、再度更新されることはありません。

何か案は？

validationjsfprimefacesajax-update
16
TinGinard

Arjan tijms 答えは機能しますが、私が見つけた最善の解決策は次のとおりです。

  1. 使用 Omnifaces Solution したがって、リスナーを実装する代わりに、必要なのは1行の単純なコードだけです。

    <h:commandButton value="Update" action="#{bean.updateOtherInputs}">
<f:ajax execute="currentInputs" render="otherInputs" />
<f:actionListener type="org.omnifaces.eventlistener.ResetInputAjaxActionListener" />
</h:commandButton>

  2. Primefacesを使用している場合は、 resetInputコンポーネント を使用できます。

    <p:commandButton value="Reset Non-Ajax" actionListener="#{resetInputView.reset}"
immediate="true" ajax="false" style="margin-right:20px;">
<p:resetInput target="panel" />
</p:commandButton>
10
Samy Omar

これは、「入力要素」（実際にはEditableValueHolders）の悪名高いケースであり、検証が失敗すると、AJAX re-renderingを介して再度更新することはできません。

見る：

  1. JSF AJAX検証：execute = "@ this" render = "@ form"は、以前のリクエストに応じて一貫性がありません
  2. 検証エラーが発生した後、PrimeFaces AJAXを使用してテキストフィールドに入力するにはどうすればよいですか？
  3. http://Java.net/jira/browse/JAVASERVERFACES_SPEC_PUBLIC-1060

回避策は、再レンダリングされるコンポーネントをリセットするアクションリスナーを作成することです。この最後のページを参照してください： http://community.jboss.org/message/620000

この動作が気になる場合は（そうだと思います）、遠慮なく JAVASERVERFACES_SPEC_PUBLIC-1060 に投票し、可能であればコメントを残してください。あなたが期待した理由とその理由。

5
Arjan Tijms

自分で答えます。

Arjanが提供するリンクに基づいて、フォーム要素をクリーンアップするactionListenerを開発します。そしてそれは動作します。

ファセレット：

<p:commandLink action="#{Test.assignElement}" update="detail_value">
                       <f:actionListener type="com.easydevel.utils.CleanForms" />
                       <f:setPropertyActionListener target="#{Test.currentElement}" value="1" />
                       Assign
</p:commandLink>

そしてリスナー....

package com.easydevel.utils;

import Java.util.Collection;
import Java.util.Iterator;
import javax.faces.component.EditableValueHolder;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.PartialViewContext;
import javax.faces.event.AbortProcessingException;
import javax.faces.event.ActionEvent;
import javax.faces.event.ActionListener;


public class CleanForms implements ActionListener {

 public void processAction(ActionEvent event) throws AbortProcessingException {                
     FacesContext facesContext = FacesContext.getCurrentInstance();
     PartialViewContext ajaxContext = facesContext.getPartialViewContext();
     UIComponent root = facesContext.getViewRoot();          
     Collection<String> renderIds = ajaxContext.getRenderIds();
     for (String renderId : renderIds) {
        UIComponent form = findComponent(root,renderId);
        if (form != null) {
             clearComponentHierarchy(form);
        }
     }
 }

 private void clearComponentHierarchy(UIComponent pComponent) {

      if (pComponent.isRendered()) {

           if (pComponent instanceof EditableValueHolder) {
                EditableValueHolder editableValueHolder = (EditableValueHolder) pComponent;
                editableValueHolder.setSubmittedValue(null);
                editableValueHolder.setValue(null);
                editableValueHolder.setLocalValueSet(false);
                editableValueHolder.setValid(true);
           }          

           for (Iterator<UIComponent> iterator = pComponent.getFacetsAndChildren(); iterator.hasNext();) {
                clearComponentHierarchy(iterator.next());
           }          

      }
 }

 private static UIComponent findComponent(UIComponent base, String id) {
       if (id.equals(base.getId()))
         return base;
       UIComponent kid = null;
       UIComponent result = null;
       Iterator kids = base.getFacetsAndChildren();
       while (kids.hasNext() && (result == null)) {
         kid = (UIComponent) kids.next();
         if (id.equals(kid.getId())) {
           result = kid;
           break;
         }
         result = findComponent(kid, id);
         if (result != null) {
           break;
         }
       }
       return result;
   }

}
3
TinGinard