Backbone.js idAttribute Model

Last Updated : 21 Jun, 2022

The Backbone.js idAttribute model is used to return the input model's unique identifier, i.e. it provides the unique identifier of the model, having the class member's name, which in turn can be utilized as an id.

Syntax:

Backbone.Model.idAttribute;

It does not accept any parameter values.

Example 1: In this example, we will return the unique identifier from the book model.

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({
            bookid: 23,
            price: 678,
            book_name: "css"
        });
        document.write(' Values: ' + JSON.stringify(book));
        document.write("<br>");
        document.write("Unique identifier: ", book.idAttribute);
    </script>
</body>
</html>

Output:

Values: {"bookid":23,"price":678,"book_name":"css"}
Unique identifier: id

Example 2: In this example, we will return the unique identifier from the book model that has no attributes.

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();
      document.write(' Values: ' + JSON.stringify(book));
      document.write("<br>");
      document.write("Unique identifier: ", book.idAttribute);
    </script>
</body>
</html>