El modelo anterior de Backbone.js se usa para obtener el valor anterior de los atributos cambiados, mientras que el evento de cambio ocurre en un modelo dado. Devolverá el atributo real del modelo.
Sintaxis :
Backbone.Model.previous(attribute);
Valor del Parámetro: Acepta un parámetro, el cual se describe a continuación:
- atributo: este parámetro especifica la propiedad del modelo.
Ejemplo 1: En este ejemplo, estamos creando un modelo llamado orders y cambiando orderid . Después de eso, estamos aplicando el modelo anterior para devolver el valor anterior.
HTML
<!DOCTYPE html>
<html>
<head>
<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">
var orders = new Backbone.Model({
orderid: 180,
ordername: 'clothes',
address: 'guntur'
});
orders.set('orderid', 21);
document.write(JSON.stringify(orders.previous('orderid')));
</script>
</body>
</html>
Salida :
180
Ejemplo 2: En este ejemplo, el valor del elemento se cambia y, en consecuencia, muestra ambos valores, es decir, el último valor y el valor modificado.
HTML
<!DOCTYPE html>
<html>
<head>
<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">
var Fruit = new Backbone.Model({
item: "Grape",
taste: "sweet."
});
Fruit.set('item', 'GRAPES');
document.write("Item's value after set: ",
JSON.stringify(Fruit.changedAttributes()));
document.write("<br>");
document.write("Item's Last value: ",
Fruit.previous('item'));
</script>
</body>
</html>
Producción:
Item's value after set: {"item":"GRAPES"}
Item's Last value: Grape
Referencia : https://backbonejs.org/#Model-previous
Publicación traducida automáticamente
Artículo escrito por sravankumar8128 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA