私は JSF と Primefaces で開発しており、現在のプロジェクトの 1 つで accordionPanel コンポーネントを使用しています。これは、私がそれをどのように使用しているかに関するスニペットコードです:
<p:accordionPanel id="historic" dynamic="true"
styleClass="noborder"
activeIndex="-1">
<p:tab id="tab1" title="Historic 1" >
<ui:include src="historic1.xhtml"/>
</p:tab>
<p:tab id="tab2" title="Historic 2">
<ui:include src="historic2.xhtml"/>
</p:tab>
<p:tab id="tab3" title="Historic 3">
<ui:include src="historic3.xhtml"/>
</p:tab>
<p:tab id="tab4" title="Historic 4">
<ui:include src="historic4.xhtml" />
</p:tab>
</p:accordionPanel>
すべてのタブには基本的に同じコードが含まれており、いくつかのデータが異なるデータセットを指しているフォームです。ご覧のとおり、非常にシンプルで、最後のタブを除いて適切に機能します。内容が何であれ、表示されることはありません。つまり、上記のコードの代わりに、これを別のものにすると:
<p:accordionPanel id="historic" dynamic="true"
styleClass="noborder"
activeIndex="-1">
<p:tab id="tab1" title="Historic 1" >
<ui:include src="historic1.xhtml"/>
</p:tab>
<p:tab id="tab2" title="Historic 2">
<ui:include src="historic2.xhtml"/>
</p:tab>
<p:tab id="tab3" title="Historic 3">
<ui:include src="historic3.xhtml"/>
</p:tab>
<p:tab id="tab4" title="Historic 4">
<ui:include src="historic4.xhtml" />
</p:tab>
<p:tab id="tab5" title="Historic 5">
Some plain test text.
</p:tab>
</p:accordionPanel>
次に、tab4 が表示されるようになりましたが、tab5 は表示されません。私は現在、この最後のコードを使用していますが、空のタブのため、少し醜いです。あなたの誰かが同じまたは同様の問題に直面していて、私を助けることができますか? 私はそれを感謝します。