Comment mettre à jour de l'onglet actif de p:tabView?

J'ai besoin de rafraîchir la p:tabView après avoir fait une action (affichage de messages d'erreur, etc.).

Les champs pour valider sont sur les différents onglets. Quand je l'ai mise à jour de l'ensemble de la tabView, c'est bien sûr buggy comportement, parce que dans PrimeFaces l'invisible onglets ne doit pas être mis à jour (parce que les champs de saisie sont invisibles, et quand ils sont actualisés, qu'ils perdent de leurs valeurs, par exemple p:saisie semi-automatique est annulée).

Donc, je devrais mettre à jour l'onglet actif seulement, mais comment cibler avec la mise à jour de l'attribut de bouton de commande uniquement l'onglet actif, et non pas l'ensemble de la p:tabView?

InformationsquelleAutor Danubian Sailor | 2013-01-09
  1. 5


    J'ai fait un petit exemple:

    <h:form id="form">
    <p:tabView id="tabview">
        <p:tab title="tab 1">
            <p:commandButton value="update" update="@parent" />
        </p:tab>
        <p:tab title="tab 2">
            <p:outputPanel id="tab2">
                <p:commandButton value="update" update=":form:tabview:tab2" />
            </p:outputPanel>
        </p:tab>
    </p:tabView>
</h:form>

    Cependant, lorsque je mets à jour le p:tab par ID ou en utilisant @parent (comme je le fais dans l'onglet 1) de l'onglet (div) est supprimé, étrange... Une solution de contournement consiste à envelopper le contenu de l'onglet dans un conteneur comme je l'ai fait dans l'onglet 2.

    HA! Trouvé la raison pour laquelle vous ne pouvez pas mettre à jour un onglet directement: https://code.google.com/p/primefaces/issues/detail?id=3518

    Exemple avec le bouton à l'extérieur de la tabview:

    <h:form id="form">
    <p:tabView id="tabview" binding="#{tabView}">
        <p:ajax event="tabChange" update=":form:button" />
        <p:tab title="tab 1">
            <p:outputPanel id="tab0">
                <p:panel>text</p:panel>
            </p:outputPanel>
        </p:tab>
        <p:tab title="tab 2">
            <p:outputPanel id="tab1">
                <p:panel>text</p:panel>
            </p:outputPanel>
        </p:tab>
    </p:tabView>
    <p:commandButton id="button" value="update"
        update=":form:tabview:tab#{tabView.activeIndex}" />
</h:form>
    • Mais je n'ai pas écrit les boutons sont à l'intérieur de l'onglet, et ils ne sont pas dans mon cas.
    • Et la mise à jour de l'ensemble de la tabView causes les valeurs dans l'invisible les onglets pour être réinitialisées à la valeur null
    • voir mise à jour avec le bouton à l'extérieur de la tabview 😉
    InformationsquelleAutor siebz0r