En este artículo, veremos el modelo Backbone.js hasChanged() . El modelo hasChanged() comprueba si el modelo ha cambiado o no, es decir, devolverá un valor booleano como verdadero si el valor cambia; de lo contrario, devolverá un valor falso , desde su última configuración, para establecer ese valor para un atributo en el modelo.
Sintaxis:
Backbone.Model.hasChanged(attribute);
Valor del parámetro:
- atributo: este parámetro especifica la propiedad del modelo.
Ejemplo 1: En este ejemplo, actualizaremos el valor de un modelo y lo verificaremos usando el modelo hasChanged() .
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 Books = Backbone.Model.extend();
var book = new Books({
book_name: "css"
});
document.write('Actual Values: '
+ JSON.stringify(book));
document.write("<br>");
document.write('Actual Value Changed ?: '
+ book.hasChanged());
book.set('book_name', 'php');
document.write("<br>");
document.write("<br>");
document.write('Changed Values: '
+ JSON.stringify(book));
document.write("<br>");
document.write('Actual Value Changed ?: '
+ book.hasChanged());
</script>
</body>
</html>
Salida :
Actual Values: {"book_name":"css"}
Actual Value Changed ?: false
Changed Values: {"book_name":"php"}
Actual Value Changed ?: true
Ejemplo 2: En este ejemplo, actualizaremos el valor de un modelo vacío y lo verificaremos usando el modelo hasChanged() .
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 Books = Backbone.Model.extend();
var book = new Books({});
document.write('Actual Values: '
+ JSON.stringify(book));
document.write("<br>");
document.write('Actual Value Changed ?: '
+ book.hasChanged());
book.set('book_name', 'php');
document.write("<br>");
document.write("<br>");
document.write('Changed Values: '
+ JSON.stringify(book));
document.write("<br>");
document.write('Actual Value Changed ?: '
+ book.hasChanged());
</script>
</body>
</html>
Producción:
Actual Values: {}
Actual Value Changed ?: false
Changed Values: {"book_name":"php"}
Actual Value Changed ?: true
Referencia: https://backbonejs.org/#Model-hasChanged
Publicación traducida automáticamente
Artículo escrito por 171fa07058 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA