Difference between id and cid properties on a model object in Backbone.js
Last Updated :
25 Oct, 2022
Backbone.js is a compact library used to organize JavaScript code. An MVC/MV* framework is another term for it. If MVC is unfamiliar to you, it is merely a technique for designing user interfaces. The creation of a program’s user interface is made considerably easier by JavaScript functions. BackboneJS provides a variety of building elements to aid developers in creating client-side web applications, including models, views, events, routers, and collections.
Backbone.js id Model: The Backbone.js id model is utilized to locate the specific identification in a model. It can be manually set, and a server will later store it.
Syntax:
Backbone.Model.id
Parameters: It does not accept any parameter.
Example 1: The code below demonstrates how to use the id property of the model object.
HTML
<html>
<head>
<script src=
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>Explain difference between the properties
"id" and "cid" on a model object in Backbone.js?</h3>
<h4>Here we uses the cid property of Model</h4>
<script>
var Books = Backbone.Model.extend();
var student = new Books({
studentid: 10,
name: 'Jane Doe',
Age: 17
});
console.log("Student ID: ", student.get('studentid'));
</script>
</body>
</html>
|
Output:
Backbone.js cid Model: The Backbone.js cid Model is a unique identifier to the model. When a model is first built, it is automatically allocated to it. When we didn’t provide the model with a special identifier, Cid is helpful. Client ID is the meaning of the cid.
Syntax:
Backbone.model.cid
Parameters: It does not accept any parameters.
Example 2: The code below demonstrates how to use the cid property of the model object.
HTML
<html>
<head>
<script src=
<script src=
</script>
<script src=
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h3>Explain difference between the properties
"id" and "cid" on a model object in Backbone.js?</h3>
<br>
<script>
var Student = Backbone.Model.extend();
var student1 = new Student();
var student2 = new Student();
var student3 = new Student();
var student4 = new Student();
var student5 = new Student();
console.log("Cid of first instance of Book : "
+ student1.cid + '<br>');
console.log("Cid of second instance of Book : "
+ student2.cid + '<br>');
console.log("Cid of third instance of Book : "
+ student3.cid + '<br>');
console.log("Cid of fourth instance of Book : "
+ student4.cid + '<br>');
console.log("Cid of fifth instance of Book : "
+ student5.cid + '<br>');
</script>
</body>
</html>
|
Output:
The difference between the properties “id” and “cid” on a model object:
| id |
cid |
| Based on the “id” value set in the model’s attributes hash, the “id” property on a model is automatically assigned. |
The “cid” is a temporary ID given to each model that can be used until an actual ID for the item is established. |
| Once this is set it will stay fixed for the model object |
This is created at first and it is temporary and gets destroyed afterwards. |
| Syntax: Backbone.Model.id |
Syntax: Backbone.Model.cid |
Reference: https://backbonejs.org/#Model-id, https://backbonejs.org/#Model-cid
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...