2012-02-26 128 views
3

我有一個問題,顯示由嵌套在dataTable中的UI組件觸發的驗證錯誤,它是 。Jsf 2,在dataTable中顯示驗證消息

這裏是xhtml頁面,其中包含一個帶有靜態上部的表單,其中可以輸入地址。

它下面顯示訂單項目,用戶可以輸入他們想要訂購的物品數量。 這些項目正在從數據庫表中檢索並顯示在dataTable中。

<!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:ui="http://java.sun.com/jsf/facelets" 
xmlns:h="http://java.sun.com/jsf/html" 
xmlns:f="http://java.sun.com/jsf/core"> 

<ui:composition template="../templates/_standard.xhtml">  

    <ui:define name="pageHeadline"> 
      #{msg['supplies.module_headline']} 
    </ui:define> 

    <ui:define name="pageContent"> 

     <h:form id="supplies" styleClass="editForm" rendered="#{!suppliesHandler.sent}"> 
      <h:panelGrid 
        columns="2" 
        columnClasses="tdLabel,tdValue" 
        rowClasses="row" 
        styleClass="leftPane" 
        > 

        <!-- row 1 --> 
        #{msg['supplies.account']}: 
        <h:panelGroup> 
         <h:inputText id="account" value="#{supply.contact.account}" tabindex="1" styleClass="text"/> 
         <h:message for="account" styleClass="error"/> 
        </h:panelGroup> 

        <!-- row 2 --> 
        #{msg['supplies.company']}: 
        <h:panelGroup> 
         <h:inputText id="company" value="#{supply.contact.company}" tabindex="2" styleClass="text"/> 
         <h:message for="company" styleClass="error"/> 
        </h:panelGroup>    

        <!-- row 3 --> 
        #{msg['supplies.street']}: 
        <h:panelGroup> 
         <h:inputText id="street" value="#{supply.contact.street}" tabindex="3" styleClass="text"/> 
         <h:message for="street" styleClass="error"/> 
        </h:panelGroup>    

        <!-- row 4 --> 
        #{msg['supplies.postcode']}: 
        <h:panelGroup> 
         <h:inputText id="postcode" value="#{supply.contact.postcode}" tabindex="4" styleClass="text"/> 
         <h:message for="postcode" styleClass="error"/> 
        </h:panelGroup> 

        <!-- row 5 --> 
        #{msg['supplies.city']}: 
        <h:panelGroup> 
         <h:inputText id="city" value="#{supply.contact.city}" tabindex="5" styleClass="text"/> 
         <h:message for="city" styleClass="error"/> 
        </h:panelGroup> 

       </h:panelGrid> 

       <h:panelGrid 
        columns="2" 
        columnClasses="tdLabel,tdValue" 
        rowClasses="row" 
        styleClass="rightPane" 
        > 

        <!-- row 2 --> 
        #{msg['supplies.contact']}: 
        <h:panelGroup> 
         <h:inputText id="contact" value="#{supply.contact.contact}" tabindex="6" styleClass="text"/> 
         <h:message for="contact" styleClass="error"/> 
        </h:panelGroup> 

        <!-- row 3 -->      
        #{msg['supplies.phone']}: 
        <h:panelGroup> 
         <h:inputText id="phone" value="#{supply.contact.phone}" tabindex="7" styleClass="text"/> 
         <h:message for="phone" styleClass="error"/> 
        </h:panelGroup> 

        <!-- row 4 --> 
        #{msg['supplies.email']}: 
        <h:panelGroup> 
         <h:inputText id="email" value="#{supply.contact.email}" tabindex="8" styleClass="text"> 
          <f:validator validatorId="com.abc.myproduct.be.ui.validator" /> 
         </h:inputText> 
         <h:message for="email" styleClass="error"/> 
        </h:panelGroup> 

        <!-- row 5 --> 
        #{msg['supplies.fax']}: 
        <h:panelGroup> 
         <h:inputText id="fax" value="#{supply.contact.fax}" tabindex="9" styleClass="text"/> 
         <h:message for="fax" styleClass="error"/> 
        </h:panelGroup> 

       </h:panelGrid> 

       <div class="spacer"></div> 

       <h:dataTable id="items" 
        styleClass="listing_large" 
        value="#{supply.supplyItems}" 
        headerClass="heading" 
        var="item"> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.id']} 
         </f:facet> 
         <h:outputText value="#{item.supply_id}" /> 
        </h:column> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.amount']} 
         </f:facet> 
         <h:inputText value="#{item.amount}" id="amount" styleClass="text" size="3" maxlength="3" style="width:50px"/> 
        </h:column> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.description']} 
         </f:facet> 
         <h:outputText value="#{item.description}" /> 
        </h:column> 
       </h:dataTable> 

       <div><br/> 
        <h:messages globalOnly="true" layout="table" styleClass="error"/> 
       </div> 

       <h:panelGrid 
        columns="1" 
        columnClasses="tdLabel,tdValue" 
        rowClasses="row"> 

        <!-- row 2 --> 
        <h:panelGroup> 
         <h:commandButton value="#{msg['general.submit']}" action="#{suppliesHandler.submitMessage}" styleClass="button"/> 
        </h:panelGroup> 

       </h:panelGrid>   

      </h:form> 
      <h:messages globalOnly="true" layout="table" rendered="#{suppliesHandler.sent}"/> 

    </ui:define> 

</ui:composition> 
</html> 

驗證表單的地址部分是完美的。不被顯示 只爲形式的這部分消息:

<h:dataTable id="items" 
        styleClass="listing_large" 
        value="#{supply.supplyItems}" 
        headerClass="heading" 
        var="item"> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.id']} 
         </f:facet> 
         <h:outputText value="#{item.supply_id}" /> 
        </h:column> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.amount']} 
         </f:facet> 
         <h:inputText value="#{item.amount}" id="amount" styleClass="text" size="3" maxlength="3" style="width:50px"/> 
        </h:column> 
        <h:column> 
         <f:facet name="header"> 
          #{msg['supplies.description']} 
         </f:facet> 
         <h:outputText value="#{item.description}" /> 
        </h:column> 
       </h:dataTable> 

驗證正在通過BeanValidation進行:

public class SupplyItem implements Serializable { 

private static final long serialVersionUID = 1L; 

@Id 
private long supply_id; 

private String description; 
private int orderNo; 

@Transient 
@Max(value=200) 
private int amount; 

/* 
* constructor 
*/ 
public SupplyItem() { 
    super(); 
} 

public long getSupply_id() { 
    return supply_id; 
} 

public void setSupply_id(long supply_id) { 
    this.supply_id = supply_id; 
} 

public String getDescription() { 
    return description; 
} 

public void setDescription(String description) { 
    this.description = description; 
} 

public int getOrderNo() { 
    return orderNo; 
} 

public void setOrderNo(int orderNo) { 
    this.orderNo = orderNo; 
} 

public int getAmount() { 
    return amount; 
} 

public void setAmount(int amount) { 
    this.amount = amount; 
} 

}

它得到實際被驗證,但是消息未被顯示...

 
12:29:45,860 Information [javax.enterprise.resource.webcontainer.jsf.renderkit] (http--127.0.0.1-8080-2) WARNUNG: FacesMessage(s) wurde(n) in die Warteschlange gestellt, aber möglicherweise nicht angezeigt. 
sourceId=supplies:items:0:amount[severity=(ERROR 2), summary=(Allowed maximum is 200), detail=(Allowed maximum is 200)] 
sourceId=supplies:items:1:amount[severity=(ERROR 2), summary=(supplies:items:1:amount: 'a' must be a number consisting of one or more digits.), detail=(supplies:items:1:amount: 'a' must be a number between -2147483648 and 2147483647 Example: 9346)] 

嘗試將輸入字段的ID動態設置爲 h:「=」的消息無效,通過h:messages globalOnly =「true」顯示。

任何幫助將高度讚賞。

回答

1

您還沒有爲數據表中的任何位置的輸入字段設置<h:message>。你需要把一個

<h:message for="amount" /> 

在數據表中的某個地方準確地在那裏你想要顯示它們。

<h:messages globalOnly="true">只顯示帶有null客戶端ID的消息,因此對於具有非null客戶端ID的消息肯定不會起作用。您需要刪除globalOnly="true"才能顯示未在其他地方顯示的消息。

+0

Foutje..bedankt!這太絕對了:) – chrisF 2012-02-26 13:18:57

+0

Graag gedaan :) – BalusC 2012-02-26 13:19:31