Backbone.JS Model() collection

The Backbone.JS Model() collection method is used to specify the model class.

Syntax:

Backbone.Collection.model  

Example:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<title>Example</title>
<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">
var X = Backbone.Model.extend({
defaults: {
name: "Tom",
age: 20
}, });
var Y = Backbone.Collection.extend({
model: X
});
var Z=new Y({});
document.write("Collection: ",JSON.stringify(Z));
</script>Collection: [{"name":"Tom","age":20}]
<title>Example</title> <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"> var X = Backbone.Model.extend({ defaults: { name: "Tom", age: 20 }, }); var Y = Backbone.Collection.extend({ model: X }); var Z=new Y({}); document.write("Collection: ",JSON.stringify(Z)); </script>Collection: [{"name":"Tom","age":20}]
  

  
Example  
  
  
  
  
  
Collection: [{"name":"Tom","age":20}]  
  
  

Output:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Collection: [{"name":"Tom","age":20}]
Collection: [{"name":"Tom","age":20}]
Collection: [{"name":"Tom","age":20}]

Explanation:
In the above example, the model ‘X’ includes the default values and is extended using the Backbone.Model class, and ‘Y’ is an instance of the collection.