Hi guys,
PrimeFace always generated the block tag with the last index from <ui:repeat> tag.
<p:outputPanel id="installationsPanel">
<ui:repeat var="item" value="#{product.orders}" varStatus="loop" id="order">
<p:outputPanel id="installationPanel" styleClass="top30 card no-padding">
<p:blockUI block="installationsPanel:order:#{loop.index}:installationPanel" id="test"
trigger="installationsPanel:#{loop.index}:btnUpdate" widgetVar="buiBasic" >
<div class="ajax-status-position-custom">
<div class="axonivy-loader-custom">
<div class="spinner spinner" />
<h5>#{ivy.cms.co('/ch.ivy.addon.portalkit.ui.jsf/common/loading')}...</h5>
</div>
</div>
</p:blockUI>
<p:commandButton id="btnUpdate" value="Test"/>
</p:outputPanel>
</ui:repeat>
</p:outputPanel>
Code generated from browser:
<div id="installationsPanel:0:order:1:test_blocker" class="ui-blockui ui-widget-overlay ui-helper-hidden"></div>
<div id="installationsPanel:0:order:1:test" class="ui-blockui-content ui-widget ui-widget-content ui-corner-all ui-helper-hidden ui-shadow">
<div class="ajax-status-position-custom">
<div class="axonivy-loader-custom">
<div class="spinner"></div>
<h5>LOADING...</h5>
</div>
</div>
</div>
Do you know why this happens? How to avoid this?
Thank you!