Коллекция моделей Backbone.js

Опубликовано: 6 Октября, 2022

Коллекция моделей Backbone.js используется для доступа к массиву моделей JavaScript внутри коллекции. Доступ к объекту модели можно получить с помощью «get» или «at», но мы можем использовать модели для прямой ссылки на массив.

Синтаксис:

collection.models;

Параметры: не принимает никаких параметров.

Пример 1. В этом примере мы проиллюстрируем коллекцию моделей Backbone.js. Здесь мы увидим атрибут коллекции модели.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>BackboneJS models collection</title>
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h3>BackboneJS models collection</h3>
      
    <script type="text/javascript">
        var Novel = Backbone.Model.extend();
  
        var books = Backbone.Collection.extend({
            model: Novel
        });
  
        var Library = new books();
  
        Library.add({ title: "sita", author: "amish tripathi" })
  
        Library.add({ Name: "maus" })
  
        console.log(Library);
    </script>
</body>
  
</html>

Выход:

Пример 2. В этом примере мы будем использовать свойство Collection.models Collection для ссылки на массив моделей.

HTML




<!DOCTYPE html>
<html>
  
<head>
    <title>BackboneJS models collection</title>
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
    <script src=
        type="text/javascript">
    </script>
</head>
  
<body>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>BackboneJS models collection</h3>
      
    <script type="text/javascript">
        function print(x, y) {
            document.write(` ${y} : ${JSON.stringify(x)} <br>`);
        }
  
        var Book = Backbone.Model.extend({ 
            default: { id: "", name: "" } });
  
        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);
        console.log(Library)
        _.each(Library.models, print)
    </script>
</body>
  
</html>

Выход:

Ссылка: https://backbonejs.org/#Collection-models