Backbone.js attributes Model
The Backbone.js attributes model is used to define the property of the given model and uses the update/change the attributes using set() method.
Syntax:
Backbone.Model.attributes
Parameters: It does not accept any parameter.
Example 1: In this example, we will set the book with 1 attribute using the set() method and return 1 attribute using the get() method. The set() method performs a smart update of the collection with a set of items in the model while get() method is used to retrieve a model from a collection.
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.set({ bookid: 23 }); document.write('bookid: ', book.get('bookid')); </ script > </ body > </ html > |
Output:
bookid: 23
Example 2: In this example, we will set the book with 3 attributes using the set() method and return 3 attributes one by one using the get() method.
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.set({ bookid: 23, price: 678, book_name: "css" }); document.write('bookid: ', book.get('bookid')); document.write("< br >"); document.write('price: ', book.get('price')); document.write("< br >"); document.write('book_name: ', book.get('book_name')); </ script > </ body > </ html > |
Output:
bookid: 23 price: 678 book_name: css
Reference: https://backbonejs.org/#Model-attributes