BackboneJS - Evento listenToOnce
Descripción
Es lo mismo que el listenTo evento, pero hace que el listento ocurra solo una vez antes de que se elimine la función de devolución de llamada.
Sintaxis
object.listenToOnce(other, event, callback)
Parámetros
other - Define el nombre del otro objeto.
event - Vincula un objeto.
callback - Es una referencia al código y se llama con un objeto como contexto.
Ejemplo
<!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>
Salida
Realicemos los siguientes pasos para ver cómo funciona el código anterior:
Guarde el código anterior en listentoonce.htm archivo.
Abra este archivo HTML en un navegador.