YUI Event Utility Problem

Question

Ich erstelle eine Schaltfläche, wenn sie geklickt wird, aktiviert sie eine Backup-Funktion.
Mein Problem, Backup wird gestartet, bevor ich auf diese Schaltfläche geklickt habe.
Wie, behebe ich dieses Problem? Irgendeine Idee ?

Hier ist mein Code (Fragment):

(Taste):

   var oSaveCuratedQuery = new YAHOO.widget.Button({ 
       type: "button", 
       label: "Save Query", 
       id: "updateCuratedQuery", 
       name: "updateCuratedQuery", 
       value: "updateCuratedQueryValue", 
       container: idReq }); 

YAHOO.util.Event.addListener("updateCuratedQuery-button", "click", saveCuratedQuery(idReq, contentCurValue)); 

(Backup-Funktion):

function saveCuratedQuery (geneId,curatedText) { 

      var handleSuccessGeneQueries = function(o){ 
       Dom.get('progress').innerHTML = "Data Saved..."; 
      } 

      var handleFailureGeneQueries = function(o){ 
       alert("Save failed...") 
      } 

      var callbackGeneQueries = 
      { 
       success:handleSuccessGeneQueries, 
       failure: handleFailureGeneQueries 
      }; 


    var sUrlUpdate = "save.html?"; 
    var postData = 'key=saveCuratedQuery&value=gene_id==' +geneId+ '--cq==' +curatedText; 

var request = YAHOO.util.Connect.asyncRequest('POST', sUrlUpdate, callbackGeneQueries, postData); 

     } 

Ich versuche auch: oSaveCuratedQuery.on ("Klick ", saveCuredQuery (idReq, contentCurValue));
Aber das gleiche Problem!
Die Sicherung erfolgt, bevor ich auf "Speichern" klicke.

Vielen Dank für die Hilfe.

Answer 1

Das dritte Argument von addListener sollte eine Funktion sein, die beim Auftreten des Ereignisses ausgeführt wird.

Sie geben stattdessen den Rückgabewert von saveCuredQuery weiter.

var callbackSaveCuratedQuery = function (idReq, contentCurValue) { 
    return function callbackSaveCuratedQuery() { 
     saveCuratedQuery(idReq, contentCurValue); 
    }; 
}(idReq, contentCurValue); // Use an anonymous closure function 
          // to ensure that these vars 
          // do not change before the click 
          // event fires. 

YAHOO.util.Event.addListener("updateCuratedQuery-button", 
          "click", 
          callbackSaveCuratedQuery 
          ); 

Siehe https://developer.mozilla.org/en/A_re-introduction_to_JavaScript#Closures, wenn Sie über Schließungen lernen müssen.