ID "menuItemId" の menuitem を初めてクリックすると、blockUI は正常に機能しますが、もう一度 menuitem をクリックすると機能しません。アイデアはありますか?
ちなみに、私のコンテンツにはタブがあり、ユーザーが「menuItemId」をクリックするとタブ1がレンダリングされ、ユーザーが「menuItemId2」をクリックするとタブ2がレンダリングされ、タブ1が消えます。
これが私の完全なページレイアウトです。
</p:layout>
....
<p:layoutUnit id="centerLayoutUnit" position="center" style="border: none">
<ui:insert name="content">Put default content here, if any.</ui:insert>
</p:layoutUnit>
</p:layout>
私のインデックスページ;
<ui:define name="west">
<h:form id="westForm">
<p:panelMenu style="width:200px">
<p:submenu label="createUser">
<p:menuitem id="menuItemId" ..../>
<p:menuitem id="menuItemId2"..../>
<p:blockUI block=":centerLayoutUnit" trigger="menuItemId">
Loading<br />
<p:graphicImage library="images" name="loading.gif"/>
</p:blockUI>
</h:form>
</ui:define>
<ui:define name="content">
<p:panel id="contentPanel">
<p:tabView id="tabView" activeIndex="#{myController.activeIndex}" widgetVar="tabViewWidget">
<p:tab title="tab1" rendered="#{myController.tabRenders.get('renderPanel1')}">
<ui:include src="createUser.xhtml"/>
</p:tab>
<p:tab title="tab2" rendered="#{myController.tabRenders.get('renderPanel2')}">
<ui:include src="createManager.xhtml"/>
</p:tab>
</p:tabView>
</p:panel>
</ui:define>