我使用Primefaces与钻嘴鱼科和已经注意到,每个动态P的作用下,树上标签上找到相同的ID为什么我会为p:tab儿童获得相同的ID后缀?
<p:tabView id="customerData" value="#{documentTabView.documentTabs}" var="tab" dynamic="true">
<p:tab title="#{tab.title}" closable="#{tab.closable}" >
<p:panel>
<h:outputText value="test_#{tab.title}"/>
</p:panel>
</p:tab>
</p:tabView>
生成的HTML如下:
<div id="customerData" class="ui-tabs ui-widget ui-widget-content ui-corner-all ui-hidden-container ui-tabs-top">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
<li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top" role="tab" aria-expanded="true"><a href="#customerData:0:j_idt21">all documents</a></li>
<li class="ui-state-default ui-corner-top" role="tab" aria-expanded="false"><a href="#customerData:1:j_idt21">other documents</a><span class="ui-icon ui-icon-close"></span></li>
</ul>
<div class="ui-tabs-panels">
<div id="customerData:0:j_idt21" class="ui-tabs-panel ui-widget-content ui-corner-bottom" role="tabpanel" aria-hidden="false">
<div id="customerData:0:j_idt46" class="ui-panel ui-widget ui-widget-content ui-corner-all">
<div id="customerData:0:j_idt46_content" class="ui-panel-content ui-widget-content">test_all documents</div>
</div>
<script id="customerData:0:j_idt46_s" type="text/javascript">PrimeFaces.cw('Panel','widget_customerData_0_j_idt46',{id:'customerData:0:j_idt46'});</script>
</div>
<div id="customerData:1:j_idt21" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-helper-hidden" role="tabpanel" aria-hidden="true"></div>
</div>
<input type="hidden" id="customerData_activeIndex" name="customerData_activeIndex" value="0" autocomplete="off" />
</div>
能否请您解释一下为什么相同的ID(这里是j_idt21
)正在使用两次。我知道它是由Tab索引作为前缀,但我想知道它是否存在强制拥有其他(和不同)ID的解决方案。
对于每个人downvotes问题(或答案),请提供原因。 –
@Xtreme:这可能是因为原始问题中的HTML完全通过'<'和其他所有格式转义出来,这使得很难修复糟糕的格式。这可能会让编辑的帮助意图完全疯狂。问题在于它自己可以回答。 – BalusC