En este artículo, discutiremos el modelo modificado de Backbone.js. El modelo modificado de Backbone.js se usa para cambiar los atributos que se modifican después de configurar los atributos mediante el método set().
Sintaxis:
Backbone.Model.changed
Nota: No toma parámetros.
Ejemplo 1: En este ejemplo, cambiaremos book_name:
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>
<script type="text/javascript">
Books = Backbone.Model.extend({
defaults: {
book_name: 'Intro to html',
author: 'X'
},
initialize: function () {
this.bind("update:book_name", function (model) {
var bname = model.get("book_name");
var bauthor = model.get("author");
});
}
});
var final = new Books();
document.write("Actual Value: ",
final.get("book_name"));
document.write("<br>");
final.set({ book_name: 'PHP Introduction' });
document.write("Changed Value: ",
final.get("book_name"));
</script>
</head>
</html>
Producción:
Actual Value: Intro to html Changed Value: PHP Introduction
Ejemplo 2: En este ejemplo, cambiaremos el autor
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>
<script type="text/javascript">
Books = Backbone.Model.extend({
defaults: {
book_name: 'Intro to html',
author: 'X'
},
initialize: function () {
this.bind("update:book_name", function (model) {
var bname = model.get("book_name");
var bauthor = model.get("author");
});
}
});
var final = new Books();
document.write("Actual Value: ",
final.get("author"));
document.write("<br>");
final.set({ author: 'Y' });
document.write("Changed Value: ",
final.get("author"));
</script>
</head>
<body></body>
</html>
Producción:
Actual Value: X Changed Value: Y
Referencia: https://backbonejs.org/#Model-changed
Publicación traducida automáticamente
Artículo escrito por 171fa07058 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA