Deaktivieren/aktivieren der Befehlsschaltfläche auf ajax-event

Ich möchte in der Lage sein zu deaktivieren Sie die Befehlsschaltfläche unten, sobald er getroffen wird, und aktivieren Sie diese, sobald die event-listener läuft und msg1 gerendert wird.

<h:commandButton value="Submit">                    
  <f:ajax execute="@form" render="msg1" listener="{bean.method}" />
</h:commandButton>

Wie könnte ich dies tun?

UPDATE: ich habe herausgefunden, dass ich es befestigen kann onclick-Ereignis des commandButton-element selbst zu deaktivieren. Wie kann ich erkennen, die listener-Methode zurückgegeben wurde, so kann ich die Schaltfläche aktivieren, wieder?

  • Bitte beachten Sie, dass Sie nicht mit JSP, sondern JSF. Noch mehr, Sie sind wahrscheinlich mit JSP ' s Nachfolger Facelets (die f:ajax nicht direkt unterstützt, JSP). Ich bearbeitet den Titel und die Tags. Beachten Sie dies für die Fragen der Zukunft. Erfahren Sie mehr über die Unterschiede finden Sie unter stackoverflow.com/questions/2095397/...
InformationsquelleAutor Mark13426 | 2011-11-03
  1. 5

    Könnte man es machen, mit Hilfe der onevent Attribut <f:ajax> welche Punkte an eine JavaScript-Funktion, die Griffe der JSF-Ajax-Ereignisse.

    E. g.:

    <h:commandButton value="Submit">
  <f:ajax execute="@form" render="msg1" listener="#{bean.method}" onevent="handleDisableButton" />
</h:commandButton>

    (beachten Sie, dass ich Feste die falsche EL in listener auch)

    mit diesem JS:

    function handleDisableButton(data) {
    var buttonElement = data.source; //The HTML DOM element which invoked the ajax event.
    var ajaxStatus = data.status; //Can be "begin", "complete" and "success".

    switch (ajaxStatus) {
        case "begin": //This is called right before ajax request is been sent.
            buttonElement.disabled = true;
            break;

        case "complete": //This is called right after ajax response is received.
            //We don't want to enable it yet here, right?
            break;

        case "success": //This is called when ajax response is successfully processed.
            buttonElement.disabled = false;
            break;
    }
}
    • Ich kann nicht handleDisableButton zu führen. Aus irgendeinem Grund onevent nicht ausgelöst. 😐
    • Was JSF-impl/version verwenden Sie? Verwenden Sie JSP oder Facelets? (d.h. verwenden Sie .jsp oder .xhtml Dateien?) Sie zunächst tagged die Frage mit JSP, aber dann die <f:ajax> würde nicht funktionieren überhaupt ohne hacken und anderes.
    • Ich bin mit .xhtml-Dateien und JSF 2.0
    • Sie sind sich nicht ganz klar darüber, JSF-impl/version. Sie erwähnten gerade die JSF-spec-version. Ich wurde gefragt, für impl (Mojarra oder MyFaces oder was auch immer, und deren version). Es funktioniert gut für mich auf Mojarra 2.0.6 und 2.1.3 (obwohl es mich überraschen würde, wenn es nicht funktionieren würde, die auf ältere Versionen).
    • Ich bin mit Mojarra 2.1.1
    • Gut, ich habe onevent handler am frühen JSF-Versionen schon, auf jeden Fall auch mit Mojarra 2.1.1. Vielleicht ist Ihr JS-code hat nur einen syntax-Fehler. Was genau hast du Bearbeiten aus meiner Antwort? Was genau macht der Browser-JS-parser/Konsole sagen?
    • Ich behielt Ihre Funktion die gleiche, außer ich Hinzugefügt alert("aktiviert"); und alert("disabled"); Aussagen. Chrome sagt mir, handleDisableButton ist nicht definiert, wenn ich auf die Schaltfläche klicke. Hinzugefügt habe ich die Funktion in etwa so: <script type="text/javascript"> <![CDATA[ // Funktion ]]> </script> innerhalb des head-Elements
    • Uncaught ReferenceError: handleDisableButton ist nicht definiert
    • Chrom nicht Essen <![CDATA[ auf text/html Antworten. Entweder entfernen Sie es komplett aus (das Skript enthält keine zu-sein-Escape-XML-Sonderzeichen), oder kommentieren Sie den CDATA-start-und end-Zeilen entfernt, die durch // oder -besser!- setzen Sie einfach JS-code in seine eigene .js - Datei.
    • Ich reparierte es. Anscheinend, alle JS-code zwischen <script></script> tags ignoriert wird von unserem Programm. Wir hatten zu einer externen JS-Datei, wie so <ui:define name="javascriptContent"> <h:outputScript name="script/externalJSFile.js"/> </ui:define> und Ihre Funktion gearbeitet. Danke!

    InformationsquelleAutor BalusC
  2. 0

    Wenn Sie richfaces, das a4j:commandButton hat das Attribut status, die dies verhindern.

    InformationsquelleAutor OliverLJ
Schreibe einen Kommentar