动态地包含的页面形式先提交失败

页

我的第一页有一个组合，从不同的页面选择包括：

 <h:panelGrid columns="2"> 
      <h:outputLabel value="Choose your page to include" /> 
      <h:selectOneMenu id="pageList" value="#{anyPageBean.page}"> 
       <f:selectItems value="#{anyPageBean.pageList}" var="w" itemValue="#{w}" itemLabel="#{w}" /> 
      </h:selectOneMenu> 
     </h:panelGrid>

的AnyPageBean只是给回一个的2个以下页面：pilotNoTemplate.xhtml或pipo.xhtml

@ManagedBean 
@SessionScoped 
public class AnyPageBean { 

private String page; 
private java.util.List<String> pageList; 

public AnyPageBean() { 
    super(); 
    pageList = new ArrayList<String>(); 
    pageList.add("pilotNoTemplate.xhtml"); 
    pageList.add("pipo.xhtml"); 
}

的pilotNoTemplate.xhtml当我选择页面（该页面PIPO也）正确显示。

但是，当我从pilotNoTemplate.xhtml提交表单时，JSF认为提交的POST为OK，但是只有Phase1和Phase6跨越，为什么？我展示一个阶段的PhaseListener，它打印：

INFO IN pour /jsf2-todo-001-dynamic-page-include-v2/any.faces ¤¤¤¤¤ POST 
INFO AJAX BEFORE RESTORE_VIEW 1 for viewId=null 
INFO AJAX AFTER RESTORE_VIEW 1 for viewId=/any.xhtml 
INFO AJAX BEFORE RENDER_RESPONSE 6 for viewId=/any.xhtml 
INFO AJAX AFTER RENDER_RESPONSE 6 for viewId=/any.xhtml

如果有什么事情是在制作填充，它就会被重置了......

第二提交的所有权利，所有的阶段都跨越：

INFO IN pour /jsf2-todo-001-dynamic-page-include-v2/any.faces ¤¤¤¤¤ POST 
INFO AJAX BEFORE RESTORE_VIEW 1 for viewId=null 
INFO AJAX AFTER RESTORE_VIEW 1 for viewId=/any.xhtml 
INFO AJAX BEFORE APPLY_REQUEST_VALUES 2 for viewId=/any.xhtml 
INFO AJAX AFTER APPLY_REQUEST_VALUES 2 for viewId=/any.xhtml 
INFO AJAX BEFORE PROCESS_VALIDATIONS 3 for viewId=/any.xhtml 
INFO AJAX AFTER PROCESS_VALIDATIONS 3 for viewId=/any.xhtml 
INFO AJAX BEFORE UPDATE_MODEL_VALUES 4 for viewId=/any.xhtml 
INFO AJAX AFTER UPDATE_MODEL_VALUES 4 for viewId=/any.xhtml 
INFO AJAX BEFORE INVOKE_APPLICATION 5 for viewId=/any.xhtml 
INFO AJAX AFTER INVOKE_APPLICATION 5 for viewId=/any.xhtml 
INFO AJAX BEFORE RENDER_RESPONSE 6 for viewId=/any.xhtml 
INFO AJAX AFTER RENDER_RESPONSE 6 for viewId=/any.xhtml

我的模板页面：

<!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"> 
<h:head> 
    <meta http-equiv="Cache-Control" content="no-store" /> 
    <meta http-equiv="Pragma" content="no-cache" /> 
    <meta http-equiv="Expires" content="0" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</h:head> 
<h:body> 
    <div> 
     <h:panelGroup id="globalMessages"> 
      <h:messages globalOnly="false" styleClass="messages" /> 
     </h:panelGroup> 
     <ui:insert name="content" /> 
    </div> 
</h:body> 
</html>

合作mposition页面，从而能够选择一个页面，包括：

<!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="/layout/template.xhtml"> 
    <ui:define name="content"> 
     <h:form id="chooseForm"> 
      <h:panelGrid columns="2"> 
       <h:outputLabel value="Choose your page to include" /> 
       <h:selectOneMenu id="pageList" value="#{anyPageBean.page}"> 
        <f:selectItems value="#{anyPageBean.pageList}" var="w" itemValue="#{w}" itemLabel="#{w}" /> 
       </h:selectOneMenu> 
      </h:panelGrid> 
      <h:commandButton id="show" value="Show page"> 
       <f:ajax event="click" execute="@form" render=":panelForDynaPage :globalMessages" /> 
      </h:commandButton> 
     </h:form> 

     <h:panelGroup id="panelForDynaPage"> 
      <ui:include id="includeContenu" src="#{anyPageBean.page}" /> 
     </h:panelGroup> 

    </ui:define> 
</ui:composition> 
</html>

的pilotNoTemplate.xhtml页：

<?xml version="1.0" encoding="UTF-8"?> 
<ui:composition 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"> 
    <f:metadata> 
     <f:viewParam id="b" name="id" value="#{pilotAction.id}" /> 
    </f:metadata> 
    <f:event id="a" listener="#{pilotAction.prepare}" type="preRenderView" /> 

    <h:form id="formPilot"> 
     <h:panelGrid columns="2"> 
      <h:outputLabel value="#{appMsg['pilot.firstname']}" /> 
      <h:inputText id="firstname" label="#{appMsg['pilot.firstname']}" value="#{pilotHolder.pilot.firstname}" 
       required="true" /> 
      <h:outputLabel value="#{appMsg['pilot.lastname']}" /> 
      <h:inputText id="lastname" label="#{appMsg['pilot.lastname']}" value="#{pilotHolder.pilot.lastname}" /> 
      <h:outputLabel value="#{appMsg['pilot.age']}" /> 
      <h:inputText id="age" label="#{appMsg['pilot.age']}" value="#{pilotHolder.pilot.age}" required="true" 
       validator="#{pilotAction.validateAge}" /> 
     </h:panelGrid> 
     <h:commandButton id="merge" action="#{pilotAction.doMerge}" 
      value="#{pilotHolder.pilot.id ne null ? appMsg['pilot.update'] : appMsg['pilot.create']}"> 
      <f:ajax id="ajaxm" event="click" execute="@form" render=":panelForDynaPage :globalMessages" /> 
     </h:commandButton> 
    </h:form> 
</ui:composition>

我关注给予“ID”的每一个组件的XHTML页面，因为如果没有它，这种问题似乎对我来说不太好。有什么想法？

我看过别人有同样的问题，你有没有找到解决办法？

来源

2012-07-23 Gauthier Peel

这是由JSF spec issue 790引起的，这是JSF 2.0/2.1中发生的一个错误，并在即将发布的JSF 2.2中修复。基本上，当JSF ajax在当前<h:form>之外更新时，组件又包含另一个子组件，则其视图状态将不会更新（这是一个疏忽）。只有在您明确指定ajax更新中的表单组件时才会更新它。你理论上可以通过<h:panelGroup id="panelForDynaPage">代替<h:form id="panelForDynaPage">来解决它，但这在技术上是错误的标记。

您可以使用以下JS来修复此错误。此脚本将为在ajax更新后未检索任何视图状态的表单创建javax.faces.ViewState隐藏字段。

var ie = /*@[email protected]*/false; 

jsf.ajax.addOnEvent(function(data) { 
    if (data.status == "success") { 
     var viewState = document.getElementsByName("javax.faces.ViewState")[0].value; 

     for (var i = 0; i < document.forms.length; i++) { 
      var form = document.forms[i]; 

      if (!hasViewState(form)) { 
       var hidden = document.createElement(ie ? "<input name='javax.faces.ViewState'>" : "input"); 
       hidden.setAttribute("type", "hidden"); 
       hidden.setAttribute("name", "javax.faces.ViewState"); 
       hidden.setAttribute("value", viewState); 
       hidden.setAttribute("autocomplete", "off"); 
       form.appendChild(hidden); 
      } 
     } 
    } 
}); 

function hasViewState(form) { 
    for (var i = 0; i < form.elements.length; i++) { 
     if (form.elements[i].name == "javax.faces.ViewState") { 
      return true; 
     } 
    } 

    return false; 
}

来源

2012-08-31 12:07:18 BalusC

感谢您的回答。我尝试了用替换并从所包含的页面中删除 = solution1，提交正常，但和不起作用。 ..我试过的JS，但它似乎并没有执行多次......我把它放在模板的这可能不是正确的位置。我应该在哪里放置它？ – 2012-09-04 13:43:23

好吧，我放置在AJAX回调的脚本any.xhtml \t'code' \t \t \t \t \t \t \t \t \t'code'。它具有相同的pb有第一个解决方案：未设置viewParam并且未调用＃{pilotAction.prepare}。 – 2012-09-07 06:58:54

动态地包含的页面形式先提交失败

回答

相关问题