The Backbone.JS CID() model is used to uniquely identify the model on the client.
Syntax:
Model.CID
Example:
<title> Client id 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();
var Y = new X();
document.write("<b> Before setting unique identifier ID: </b>",Y.id);
document.write("<br>");
document.write("<b> Before setting unique identifier CID: </b>",Y.cid);
document.write("<br>");
var Y = new X({id: 100});
document.write("<b> After setting unique identifier ID: </b>",Y.id);
document.write("<br>");
document.write("<b> After setting unique identifier CID: </b>",Y.cid);
</script><b> Before setting unique identifier ID: </b>undefined<br><b> Before setting unique identifier CID: </b>c1<br><b> After setting unique identifier ID: </b>100<br><b> After setting unique identifier CID: </b>c2
<!-- Mirrored from www.w3schools.blog/backbonejs-cid by HTTrack Website Copier/3.x [XR/YP'2000] -->
<title> Client id 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();
var Y = new X();
document.write("<b> Before setting unique identifier ID: </b>",Y.id);
document.write("<br>");
document.write("<b> Before setting unique identifier CID: </b>",Y.cid);
document.write("<br>");
var Y = new X({id: 100});
document.write("<b> After setting unique identifier ID: </b>",Y.id);
document.write("<br>");
document.write("<b> After setting unique identifier CID: </b>",Y.cid);
</script><b> Before setting unique identifier ID: </b>undefined<br><b> Before setting unique identifier CID: </b>c1<br><b> After setting unique identifier ID: </b>100<br><b> After setting unique identifier CID: </b>c2
<!-- Mirrored from www.w3schools.blog/backbonejs-cid by HTTrack Website Copier/3.x [XR/YP'2000] -->
Client id Example Before setting unique identifier ID: undefined
Before setting unique identifier CID: c1
After setting unique identifier ID: 100
After setting unique identifier CID: c2
Output:
Before setting unique identifier ID: undefined
Before setting unique identifier CID: c1
After setting unique identifier ID: 1
After setting unique identifier CID: c2
Before setting unique identifier ID: undefined
Before setting unique identifier CID: c1
After setting unique identifier ID: 1
After setting unique identifier CID: c2
Before setting unique identifier ID: undefined Before setting unique identifier CID: c1 After setting unique identifier ID: 1 After setting unique identifier CID: c2
Explanation:
CID is an automatically generated client ID by the Backbone.js, while ID is generated manually.