如何禁用 <p:tab>

Question

我想使用 p:commandButton>

禁用 p:tab>

文件.xhtml

<h:form id="tabUserModule">
    <p:tabView value="#{listModule.toArray()}" var="car" id="tabView1" widgetVar="delg1">

        <p:tab title="#{car[0].module}" id="styleChoix" disabled="#{disableTag.disableTa}" >

            <p:tabView orientation="left"  >

                <p:tab title=" Prototype " >
                   <h:panelGrid >
        <p:commandButton value="Disable" oncomplete="delg1.select(0)" 
        action="#{disableTag.buttonAction}" update=":tabUserModule:tabView1:styleChoix"/>
 .....

Bean.java

@ManagedBean
@ViewScoped
public class DisableTag implements Serializable {

private static final long serialVersionUID = 7179479455651980518L;

private boolean disableTa=false;

public boolean isDisableTa() {
    return disableTa;
}

public void setDisableTa(boolean disableTa) {
    this.disableTa = disableTa;
}

public void buttonAction()
{
    disableTa = true;
}
}

但是当我执行此代码时，所有选项卡都被禁用，请问我该如何解决这个问题？

我想禁用被橙色包围的标签

Answer 1

你应该改变你的更新属性为

update=":tabUserModule:tabView1"

仅代替您原来的“:tabUserModule:tabView1:styleChoix”

这意味着您必须更新整个 p:tabView 元素，而不仅仅是特定的选项卡。因为在检查呈现的 html 时，这是您的选项卡的 disabled="false"，其中 <div> 作为 <p:tabView> 和 <li> 和 <a> 组合作为您的个人 <p:tab>：

<div id="tabUserModule:tabView1" ...>
   <li class="ui-state-default ui-corner-top" ...>
      <a href="#tabUserModule:tabView1:styleChoix">....</a>
   </li> 
</div>

但使用disabled="true" 会呈现为：

<div id="tabUserModule:tabView1" ...>
   <li class="ui-state-default ui-tabs-selected ui-state-active ui-corner-top ui-state-disabled" ...>
      <a href="#tabUserModule:tabView1:styleChoix">....</a>
   </li> 
</div>

注意在<li> 标签的类属性中添加了ui-state-disabled，这会导致它被禁用。

希望这会有所帮助。