Backbone.js get Collection

The Backbone.js get Collection is used to retrieve model from a Collection. This method uses unique identified to get the model we can use user define id value or by default cid value or model name.

Syntax:

collection.get ( id );

Parameters:

id: It is a unique identifier that is used to identify the model in the collection.

Example 1: In this example, we will illustrate the Backbone.js get Collection. We will use default cid as a unique identifier in this example.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>BackboneJS get collection</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.2.2/backbone-min.js"
        type="text/javascript">
    </script>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>BackboneJS get collection</h3>
    
    <script type="text/javascript">
        var Book = Backbone.Model.extend();

        var books = Backbone.Collection.extend({
            model: Book,
        });

        var Library = new books();

        var b1 = new Book({ 
            title: "Ram", 
            Author: "Amish Tripathi" 
        });
        
        var b2 = new Book({ 
            title: "Lolita", 
            Author: "Vladimir Nabokov" 
        });
        
        Library.add(b1);
        Library.add(b2);

        document.write("Author Name of first Book is : ",
            Library.get('c1').get('Author'), '<br>');
        document.write("Author Name of second Book is : ",
            Library.get('c2').get('Author'));
    </script>
</body>

</html>

Output:

Example 2: In this example, we will make our own unique identifier with the help of modeled models and use it as a unique identifier to get the model.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>BackboneJS modelId collection</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.2.2/backbone-min.js"
        type="text/javascript">
    </script>
</head>

<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>

    <h3>BackboneJS modelId collection</h3>
    
    <script type="text/javascript">
        var Book = Backbone.Model.extend();

        var books = Backbone.Collection.extend({
            model: Book,
            modelId: function (attr, o) {
                return attr.title + attr.vol;
            }
        });

        var Library = new books();

        var b1 = new Book({ 
            title: "Ram", 
            Author: "Amish Tripathi", 
            vol: 1 
        });
        
        var b2 = new Book({ 
            title: "Beloved", 
            Author: "Toni Morrison", 
            vol: 1 
        });
        
        Library.add(b1);
        Library.add(b2);

        document.write("Author Name of first Book is : ",
            Library.get('Ram1').get('Author'), '<br>');
        document.write("Author Name of second Book is : ",
            Library.get('Beloved1').get('Author'));
    </script>
</body>

</html>

Output:

Reference: https://backbonejs.org/#Collection-get

Backbone.js get Collection

Explore