0

こんにちは、primefaces バージョン 3.2 を使用しています。使用している UI レイアウトはタブビューで、その中にアコーディオン パネルがあり、アコーディオンのすべてのタブ内に 2 つのフォームがあります。

tabview>tab>accordionpanel>tab>form1 と同じように

tabview>tab>accordionpanel>tab>form2 など...

ここでの問題は、上記のシナリオでアクティブ インデックス アクションが呼び出されないことです。ただし、アコーディオン パネル タブから from を削除すると、呼び出されて正常に動作します。

これは私のxhtmlタブビューコードです

    <p:tabView id="tabView" activeIndex="#{profileInfoManagedBean.myCurrentTab}" >
        <p:ajax event="tabChange" listener="#{profileInfoManagedBean.tabIsChanged}" />

        <p:tab id="locationInfoTab" title="Location Info">

            <p:accordionPanel id="aPanel">

                <p:tab id="tab1" title="Country">
                    <h:form id="form1">
                        <p:growl id="growl" life="5000" />

                        <p:messages id="messages"  /> 

                        <h:panelGrid columns="3" cellpadding="5" cellspacing="5">

                            <p:column>
                                <h:outputLabel for="country"  value="Country: "></h:outputLabel>
                            </p:column>
                            <p:column>
                                <p:inputText id="country" value="#{profileInfoManagedBean.country.country}" required="true" label="City">

                                    <f:validateLength minimum="5" maximum="20" />
                                    <p:ajax event="blur" update="msg1"></p:ajax>
                                </p:inputText>
                            </p:column>
                            <p:column>
                                <p:message id="msg1" for="country" display="icon"></p:message>
                            </p:column>

                        </h:panelGrid>
                        <p:commandButton type="submit" action="#{profileInfoManagedBean.addCountry}" value="Save" ajax="true" ></p:commandButton>

                    </h:form>
4

1 に答える 1

0

locationInfoTab またはアコーディオン tab1 にアクティブなインデックスが必要ですか?

両方でアクティブなインデックスを取得するために、コードを少しテストして変更しました。

<h:form id="tabViewForm">

<p:tabView id="tabView" activeIndex="#{profileInfoManagedBean.myCurrentTab}" >
  <p:ajax event="tabChange" listener="#{profileInfoManagedBean.tabIsChanged}" update=":tabViewForm"/>
  <p:tab id="locationInfoTab" title="Location Info">
      <p:accordionPanel id="aPanel" activeIndex="#{profileInfoManagedBean.myCurrentAccordionTab}">
        <p:ajax event="tabChange" listener="#{profileInfoManagedBean.tabIsChanged}" update=":tabViewForm" />
        <p:tab id="tab1" title="Country">
          <h:form id="form1">
.
.
.
<p:inputText id="country" value="#{profileInfoManagedBean.country.name}" required="true" label="Country">
  <f:validateLength minimum="5" maximum="20" />
  <p:ajax event="blur" update="country msg1 growl messages"></p:ajax>
</p:inputText>
.
.
.
  </p:accordionPanel>
</p:tab>
<p:tab id="tab2" title="Tab Information">
</p:tab>
</p:tabView>
</h:form>

アコーディオン パネルにタブ変更イベントを追加し、タブが変更されたときに tabViewForm を更新し、入力が変更されたときにメッセージを更新し、テスト用に別のタブを追加しました。

元の問題は、入力フィールドのバリデーターがエラーを引き起こしたためだと思いますが、メッセージを表示するためにビューが更新されていませんでした。

タブの変更時にフォームを更新することで、バリデーターのエラー メッセージが明確になります。

これがお役に立てば幸いです。

于 2012-05-01T22:54:52.450 に答える