h:commandButton/h:commandLink ne fonctionne pas sur cliquez d'abord, ne fonctionne que sur le deuxième clic

merci à BalusC puisque sa réponse est vraiment grande (comme d'habitude :) ). Mais je dois ajouter que cette approche ne fonctionne pas pour les requêtes ajax provenant de RichFaces 4. Ils ont plusieurs problèmes avec ajax et l'un d'eux est que les gestionnaires JSF-ajax ne sont pas invoqués. Ainsi, lors d'une redirection sur un conteneur tenant une forme à L'aide de RichFaces-components, la fonction fixViewState-function n'est pas appelée et le ViewState est manquant alors.

dans le RichFaces Référence du composant , ils indiquent comment enregistrer les callbacks pour" leurs " requêtes ajax (en fait, ils utilisent jQuery pour hook sur toutes les requêtes ajax). Mais en utilisant ceci, je n'ai pas pu obtenir la réponse ajax qui est utilisée par le script de BalusC ci-dessus pour obtenir le ViewState.

donc basé sur la solution de BalusC, j'en ai trouvé une très similaire. Mon script enregistre toutes les valeurs de ViewState de toutes les formes sur la page courante dans une carte avant que la requête ajax ne soit traitée par le navigateur. Après la mise à jour du DOM, j'essaie de restaurer toutes les vues qui ont été sauvegardées auparavant (pour tous les formulaires qui manquent le ViewState maintenant).

passer:

jQuery(document).ready(function() {
    jQuery(document).on("ajaxbeforedomupdate", function(args) {
        // the callback will be triggered for each received JSF AJAX for the current page
        // store the current view-states of all forms in a map
        storeViewStates(args.currentTarget.forms);
    });
    jQuery(document).on("ajaxcomplete", function(args) {
        // the callback will be triggered for each completed JSF AJAX for the current page
        // restore all view-states of all forms which do not have one
        restoreViewStates(args.currentTarget.forms);
    });
});

var storedFormViewStates = {};

function storeViewStates(forms) {
    storedFormViewStates = {};
    for (var formIndex = 0; formIndex < forms.length; formIndex++) {
        var form = forms[formIndex];
        var formId = form.getAttribute("id");
        for (var formChildIndex = 0; formChildIndex < form.children.length; formChildIndex++) {
            var formChild = form.children[formChildIndex];
            if ((formChild.hasAttribute("name")) && (formChild.getAttribute("name").match(/^([\w]+:)?javax\.faces\.ViewState(:[0-9]+)?$/))) {
                storedFormViewStates[formId] = formChild.value;
                break;
            }
        }
    }
}

function restoreViewStates(forms) {
    for (var formIndexd = 0; formIndexd < forms.length; formIndexd++) {
        var form = forms[formIndexd];
        var formId = form.getAttribute("id");
        var viewStateFound = false;
        for (var formChildIndex = 0; formChildIndex < form.children.length; formChildIndex++) {
            var formChild = form.children[formChildIndex];
            if ((formChild.hasAttribute("name")) && (formChild.getAttribute("name").match(/^([\w]+:)?javax\.faces\.ViewState(:[0-9]+)?$/))) {
                viewStateFound = true;
                break;
            }
        }
        if ((!viewStateFound) && (storedFormViewStates.hasOwnProperty(formId))) {
            createViewState(form, storedFormViewStates[formId]);
        }
    }
}

function createViewState(form, viewState) {
    var hidden;

    try {
        hidden = document.createElement("<input name='javax.faces.ViewState'>"); // IE6-8.
    } catch(e) {
        hidden = document.createElement("input");
        hidden.setAttribute("name", "javax.faces.ViewState");
    }

    hidden.setAttribute("type", "hidden");
    hidden.setAttribute("value", viewState);
    hidden.setAttribute("autocomplete", "off");
    form.appendChild(hidden);
}

comme je ne suis pas expert en JavaScript, je pense que cela pourrait être encore amélioré. Mais il fonctionne certainement sur FF 17, Chrome 24, Chrome 12 et IE 11.

deux questions supplémentaires à cette approche:

• est-il possible d'utiliser à nouveau la même valeur ViewState? C'est-à-dire: JSF attribue-t-elle la même valeur de ViewState à chaque formulaire pour chaque demande/réponse? Mon approche est basée sur cette hypothèse (et je n'ai trouvé aucune information connexe).

• est-ce que quelqu'un s'attend à des problèmes avec ce code JavaScript ou a déjà rencontré certains problèmes en utilisant un navigateur?