Backbone.js получить коллекцию

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

Коллекция Backbone.js get используется для извлечения модели из коллекции. Этот метод использует уникальную идентификацию, чтобы получить модель, которую мы можем использовать определяемое пользователем значение идентификатора или значение cid по умолчанию или имя модели.

Синтаксис:

collection.get ( id );

Параметры:

id: это уникальный идентификатор, который используется для идентификации модели в коллекции.

Пример 1: В этом примере мы проиллюстрируем коллекцию get Backbone.js . В этом примере мы будем использовать cid по умолчанию в качестве уникального идентификатора.

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 first Book is : ",
            Library.get("c2").get("Author"));
    </script>
</body>
  
</html>

Выход:

Пример 2: В этом примере мы создадим собственный уникальный идентификатор с помощью смоделированных моделей и будем использовать его как уникальный идентификатор для получения модели.

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>

Выход:

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

JavaScript

Backbone.js получить коллекцию

HTML

HTML

РЕКОМЕНДУЕМЫЕ СТАТЬИ