JSF (PrimeFaces) 페이지가 단일 양식으로 작동하지 않습니다.

Question

일부 프로젝트에 대한 정보를 나열하는 PrimeFaces을 사용하는 간단한 페이지를 개발 중입니다. 자세한 정보가 담긴 대화 상자를 여는 버튼을 추가하고 싶었습니다. 코드는 아주 간단합니다.

<h:form id="projectForm"> 
    <p:dataTable id="projectDataTable" var="project" value="#{projectMB.projects}" > 
    <p:column sortBy="name" headerText="Name"> 
     <h:outputText value="#{project.name}" /> 
    </p:column> 
    <p:column sortBy="status" headerText="Status"> 
     <h:outputText value="#{project.status}" /> 
     <h:outputText value=" (#{project.progress}%)" /> 
    </p:column> 
    <p:column style="width:4%"> 
     <p:commandButton update=":projectForm:display" id="selectButton" oncomplete="PF('projectDialog').show()" icon="ui-icon-search" title="View"> 
     <f:setPropertyActionListener value="#{project}" target="#{projectMB.selectedProject}" /> 
     </p:commandButton> 
    </p:column>    
    </p:dataTable> 
    <center> 
    <p:commandButton id="refreshProjectsButton" actionListener="#{projectMB.refreshProjectList}" icon="ui-icon-refresh" update="projectDataTable"/> 
    </center> 

    <p:dialog header="Project Detail" widgetVar="projectDialog" resizable="false" id="projectDlg" showEffect="fade" modal="true"> 
    <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;"> 
     <h:outputText value="Name:" /> 
     <h:outputText value="#{projectMB.selectedProject.name}" style="font-weight:bold"/> 
     <h:outputText value="Description:" /> 
     <h:outputText value="#{projectMB.selectedProject}" style="font-weight:bold"/> 
    </h:panelGrid> 
    </p:dialog> 
</h:form> 

나는 dialog를 둘러싸 별도의 양식을 추가하여 해결책을 발견 : 그러나 그것은 작동하지 않습니다

<h:form id="projectForm"> 
    <p:dataTable id="projectDataTable" var="project" value="#{projectMB.projects}" > 
    <p:column sortBy="name" headerText="Name"> 
     <h:outputText value="#{project.name}" /> 
    </p:column> 
    <p:column sortBy="status" headerText="Status"> 
     <h:outputText value="#{project.status}" /> 
     <h:outputText value=" (#{project.progress}%)" /> 
    </p:column> 
    <p:column style="width:4%"> 
     <p:commandButton update=":projectForm2:display" id="selectButton" oncomplete="PF('projectDialog').show()" icon="ui-icon-search" title="View"> 
     <f:setPropertyActionListener value="#{project}" target="#{projectMB.selectedProject}" /> 
     </p:commandButton> 
    </p:column>    
    </p:dataTable> 
    <center> 
    <p:commandButton id="refreshProjectsButton" actionListener="#{projectMB.refreshProjectList}" icon="ui-icon-refresh" update="projectDataTable"/> 
    </center> 

</h:form> 
<h:form id="projectForm2"> 

    <p:dialog header="Project Detail" widgetVar="projectDialog" resizable="false" id="projectDlg" showEffect="fade" modal="true"> 
    <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;"> 
     <h:outputText value="Name:" /> 
     <h:outputText value="#{projectMB.selectedProject.name}" style="font-weight:bold"/> 
     <h:outputText value="Description:" /> 
     <h:outputText value="#{projectMB.selectedProject}" style="font-weight:bold"/> 
    </h:panelGrid> 
    </p:dialog> 
</h:form> 

내 질문은 : 첫 번째 코드가 작동하지 않는 이유를 - 방법 projectMB.refreshProjectList를 새로 고치는 것이 java bean의 목록은 절대로 호출되지 않습니다. 자바 스크립트와 자바에서 오류가 발생하지 않습니다.

Answer 1

양식 내부의 대화 상자에서 자주 발생하는 문제이며,이 문제에 대해 조금만 답하면 쉽게 대답을 찾을 수 있습니다.

그러나 아마이 대답은 더 당신을 도울 수 :

Proper Construct for Primefaces Dialog