Primefaces对话框+ commandButton

我试图使用与<p:commandButton>结合的primefaces <p:dialog>。在我的.xhtml页面中，我有一个选择列表和用于显示对话框的commandButton。对话框显示来自选择列表的目标值的数据表。对话框有两个按钮：取消和提交。我的问题是提交按钮没有被解雇。奇怪的是，commandButton不在对话框中。Primefaces对话框+ commandButton

这里是我的.xhtml：

<body> 
    <ui:composition template="./../resources/mainTemplate.xhtml"> 
     <ui:define name="content"> 
      <h:form> 
       <p:dialog id="dlg" header="#{messages.chooseSkillLevel}" widgetVar="dlg" modal="true" dynamic="true"> 
        <h:dataTable value="#{editSkills.skillsAndLevels}" var="skillslevel"> 
         <h:column> 
          #{skillslevel.skill.umiejetnosc} 
         </h:column> 
         <h:column> 
          <p:selectOneMenu value="#{skillslevel.level}" > 
           <f:selectItems value="#{editSkills.levels}" var="level" itemLabel="#{level.stopien}" itemValue="#{level.id}" /> 
          </p:selectOneMenu> 
         </h:column> 
        </h:dataTable> 
        <p:commandButton value="#{messages.confirm}" action="#{editSkills.showSkillsAndLevels}" oncomplete="dlg.hide();" /> THIS BUTTON IS NOT FIRED 
        <p:commandButton value="#{messages.cancel}" onclick="dlg.hide()"/> 
       </p:dialog> 
       <p:pickList value="#{editSkills.skills}" var="skill" effect="none" 
       itemValue="#{skill.id}" itemLabel="#{skill.umiejetnosc}" 
       showSourceFilter="true" showTargetFilter="true" filterMatchMode="contains" 
       addLabel="#{messages.add}" removeLabel="#{messages.remove}" removeAllLabel="#{messages.removeAll}" > 
        <f:facet name="sourceCaption">#{messages.skillsList}</f:facet> 
        <f:facet name="targetCaption">#{messages.yourSkills}</f:facet> 
        <p:ajax event="transfer" listener="#{editSkills.onTransfer}" /> 
        <p:column style="width:100%;"> 
         #{skill.umiejetnosc} 
        </p:column> 
       </p:pickList> 
       <p:commandButton value="#{messages.confirm}" action="#{editSkills.afterSubmit}" update="dlg" oncomplete="dlg.show()" /> THIS BUTTON WORKS FINE 
       <p:commandButton value="#{messages.cancel}" action="profile" immediate="true"/> 
      </h:form> 
     </ui:define> 
    </ui:composition> 
</body>

我已标记的工作按钮，不工作之一。我需要做些什么才能使它工作？

来源

2013-01-17 AjMeen

你看过控制台，它没有打一个Ajax电话？或者它根本不工作？尝试寻找萤火虫，如果它发送数据到服务器，或者是AJAX射击和'＃{editSkills.showSkillsAndLevels}'方法根本没有被调用？另外检查萤火虫是否没有显示任何JS错误。 – Mindwin

@Mindwin似乎根本没有被调用。也看不到任何JS错误。 – AjMeen

你可以尝试以下任一，我选了一个数字，这是一个更清洁的设计IMO

带上<p:dialog/>外一般<h:form/>的，把一个<h:form/>内它，而不是

<p:dialog id="dlg" header="#{messages.chooseSkillLevel}" widgetVar="dlg" modal="true" dynamic="true"> 
     <h:form> 
      <h:dataTable value="#{editSkills.skillsAndLevels}" var="skillslevel"> 
       <h:column> 
        #{skillslevel.skill.umiejetnosc} 
       </h:column> 
       <h:column> 
        <p:selectOneMenu value="#{skillslevel.level}" > 
         <f:selectItems value="#{editSkills.levels}" var="level" itemLabel="#{level.stopien}" itemValue="#{level.id}" /> 
        </p:selectOneMenu> 
       </h:column> 
      </h:dataTable> 
      <p:commandButton value="#{messages.confirm}" action="#{editSkills.showSkillsAndLevels}" oncomplete="dlg.hide();" /> THIS BUTTON IS NOT FIRED 
      <p:commandButton value="#{messages.cancel}" onclick="dlg.hide()"/> 
      </h:form> 
     </p:dialog>

将appendToBody="false"添加到<p:dialog/>以确保对话框在DOM窗体中呈现在DOM中被自动重新定位到HTML主体结束。但是这可能会导致在各种浏览器中呈现不一致。

来源

2013-01-18 06:47:25 kolossus

感谢您的回答！我做了你告诉我要做的，但现在我得到这个错误： '/user/editSkills.xhtml @ 39,121 itemValue =“＃{skill.id}”：类'java.lang.String'没有属性'id'。'奇怪的是我认为它与选择列表有关，它很奇怪，因为选择列表工作正常。我该怎么办？ – AjMeen

@AjMeen，完全不同的问题，可能是由于'＃{skill.id}'和'＃{skillslevel.level}'不是同一个数据类型（其中一个是字符串，另一个是某种其他）。但现在你的命令按钮肯定是射击。 – kolossus

'＃{skillslevel.level}'与这个错误无关，因为即使我删除了'skilsslevel'部分，错误仍然显示出来。我可能需要一个转换器。无论如何感谢您的帮助！ – AjMeen

<p:commandButton value="Cancel" oncomplete="PF('yourDialogWidgedVarName').hide();" process="@this" />

确保使用“当u调用widgetVar名。您也可以使用immediate =“true”或process =“@ this”。

来源

2015-03-21 17:11:06

你应该不需要immediate =“true”或process =“@ this”。但是，您的答案有我需要的快速信息。谢谢！ – Eric

Primefaces对话框+​​ commandButton

回答

相关问题

Primefaces对话框+ commandButton