In this article, we will discuss Backbone.js changed model. The Backbone.js changed model is used to change the attributes that are changed after setting the attributes by using the set() method.
Syntax:
Backbone.Model.changed
Note: It takes no parameters.
Example 1: In this example, we will change the book_name:
HTML
<!DOCTYPE html> <html>
<head>
type="text/javascript"></script>
<script src=
type="text/javascript"></script>
<script src=
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>
|
Output:
Actual Value: Intro to html Changed Value: PHP Introduction
Example 2: In this example, we will change the author
HTML
<!DOCTYPE html> <html>
<head>
type="text/javascript"></script>
<script src=
type="text/javascript">
</script>
<script src=
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>
|
Output:
Actual Value: X Changed Value: Y
Reference: https://backbonejs.org/#Model-changed