BackboneJS - Événement listenToOnce

La description

C'est la même chose que le listenTo événement, mais fait que le listento ne se produit qu'une seule fois avant la suppression de la fonction de rappel.

Syntaxe

object.listenToOnce(other, event, callback)

Paramètres

other - Il définit le nom de l'autre objet.
event - Il lie un objet.
callback - Il fait référence au code et est appelé avec objet comme contexte.

Exemple

<!DOCTYPE html>
<html>
   
   <head>
      <title>Event Once Example</title>
      <script src = "https://code.jquery.com/jquery-2.1.3.min.js"
         type = "text/javascript"></script>
      
      <script src = 
         "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
         type = "text/javascript"></script>
      
      <script src = "https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
         type = "text/javascript"></script>
   </head>
   
   <body>
      <script type = "text/javascript">
      
         //Create an object 'myVal' and 'myVal1' and extend them using Backbone.Events method
         var myVal = _.extend({name:'Saurav Ganguly'}, Backbone.Events);
         var myVal1 = _.extend({name:'Sachin Tendulkar'}, Backbone.Events);

         //created the 'listenMe' callback function and invoked when one object listen to 
         //particular event on another object
         var listenMe = function() {
            document.write("The value is: ");
            document.write(this.name);
         };

         //The object 'myVal1' listen once for the 'listenMe' event triggered on object 'myVal'
         myVal1.listenToOnce(myVal, 'listenMe', listenMe);

         //The 'myVal' has no listenMe event and display the value of 'myVal1'
         myVal.trigger('listenMe');
      </script>
      
   </body>
</html>

Production

Exécutons les étapes suivantes pour voir comment fonctionne le code ci-dessus -

Enregistrez le code ci-dessus dans listentoonce.htm fichier.
Ouvrez ce fichier HTML dans un navigateur.

↰ Previous page