zeigen und ausblenden Oberseiten Registerkarte über AJAX

Question

Ich habe folgende Wasser-Down-Version von Primefaces Registerkartenansicht.

<p:tabview> 
    <p:tab id="1"> 
     <p:selectOneMneu value="#{bean.answer}> 
      <f:selectItem itemValue="yes"/> 
      <f:selectItem itemValue="no" /> 
     </p:selectOneMenu> 
    </p:tab> 
    <p:tab id="2" rendered=#{bean.answer eq 'yes'} > 
     <h:outputText="answer is Yes."/> 
    </p:tab> 
    <p:tab id="3" rendered=#{bean.answer eq 'no'} > 
     <h:outputText="answer is No."/> 
    </p:tab> 
</p:tabView> 

Es gibt eine verwaltete Bean, die den ausgewählten Wert von "Ja" oder "Nein" erfasst. Wenn der Wert ausgewertet wird, hängt die Antwort davon ab, dass eine der Registerkarten ausgeblendet wird. Sobald Sie mit der getroffenen Auswahl zufrieden sind, klickt er/sie auf eine Senden-Schaltfläche, um die Daten zu veröffentlichen.

Meine Frage ist, was ist, wenn ein Benutzer seine/ihre Meinung ändert, bevor er eine Senden-Schaltfläche drückt. Gehen Sie zurück zum Dropdown-Menü (selectOneMenu) und ändern Sie den Wert von "yes" in "no". Dann hoffe ich dynamisch, dass die Bean aktualisierte Antworten abrufen würde, ohne die gesamte xhtml-Seite zu aktualisieren. Es scheint, als wäre Ajax die Antwort, aber ich bin mir nicht sicher, wie ich es lösen soll.

Answer 1

Hier funktioniert es für mich. Ich hoffe, das ist was du brauchst. Jetzt müssen Sie die Seite nicht aktualisieren, aber Sie müssen das Formular aktualisieren. Ich weiß nicht warum, aber das Aktualisieren von tabView wirkt sich nicht auf irgendetwas aus.

<h:form> 

    <p:tabView> 

     <p:tab title="select"> 
      <p:selectOneMenu value="#{bean.answer}"> 
       <f:selectItem itemValue="none" itemLabel="select" /> 
       <f:selectItem itemValue="yes" itemLabel="yes" /> 
       <f:selectItem itemValue="no" itemLabel="no" /> 
       <f:ajax event="change" render="@form"/> 
      </p:selectOneMenu> 
     </p:tab> 

     <p:tab title="yes" rendered="#{bean.answer.equals('yes')}"> 
      <h:outputText value="answer is Yes." /> 
     </p:tab> 

     <p:tab title="no" rendered="#{bean.answer.equals('no')}"> 
      <h:outputText value="answer is No." /> 
     </p:tab> 

    </p:tabView> 

</h:form>