8

<p:dialog>と組み合わせてprimefacesを使用しようとしてい<p:commandButton>ます。私の.xhtmlページには、ダイアログを表示するために使用される選択リストとcommandButtonがあります。ダイアログには、選択リストのターゲット値を含むデータテーブルが表示されます。ダイアログには、キャンセルと送信の2つのボタンがあります。私の問題は、送信ボタンが起動されないことです。奇妙なことに、ダイアログ外の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>

動作中のボタンにマークを付けましたが、動作していません。それを機能させるために私は何をしなければなりませんか？

4

2 に答える 2

23

次のいずれかを試すことができます、私はナンバーワンに投票します、それはよりクリーンなデザインのIMOです

  1. <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>

  2. に追加appendToBody="false"して<p:dialog/>、ダイアログがHTML本文の最後に自動再配置されるのではなく、DOMのhtmlフォーム内にレンダリングされるようにします。ただし、これにより、さまざまなブラウザで一貫性のないレンダリングが発生する可能性があります。

于 2013-01-18T06:47:25.440 に答える
4 
<p:commandButton  value="Cancel" oncomplete="PF('yourDialogWidgedVarName').hide();" process="@this"  />

widgetVar名を呼び出すときは、必ず'を使用してください。また、immediate="true"またはprocess="@this"を使用することもできます。

于 2015-03-21T17:11:06.150 に答える