La colección de modelos de Backbone.js es la propiedad que especifica la colección de modelos. Si se define esta propiedad, podemos pasar objetos, una array de objetos y usar las opciones agregar, crear y restablecer, luego los atributos se convertirán en un modelo del tipo adecuado usando las opciones proporcionadas.
Sintaxis:
collection. model( attrs, options ) ;
Parámetros:
- attrs: Estos son los atributos del modelo pasado.
- opciones: estos son los parámetros opcionales que se pasan al modelo al crear un modelo con attrs.
Ejemplo 1: en este ejemplo, ilustraremos la colección del modelo Backbone.js. Definiremos la propiedad del modelo de la colección que tiene atributos predeterminados y los escribiremos en el documento.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS model 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 model collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend({
defaults: {
title: "Ram",
Authoer: "Amish Tripathi",
},
});
var books = Backbone.Collection.extend({
model: Book,
});
var Library = new books({});
document.write(JSON.stringify(Library));
</script>
</body>
</html>
Producción:
Colección de modelos Backbone.js
Ejemplo 2: En este ejemplo, definiremos el modelo polimórfico para la colección. Los modelos polimórficos son modelos que se definen de acuerdo con la condición de los atributos presentes en el modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS model 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 model collection</h3>
<script type="text/javascript">
var Novel = Backbone.Model.extend();
var comic = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: function (attr, option) {
if (attr.title) return new Novel(attr);
else return new comic(attr);
},
});
var Library = new books();
Library.add({ title: "sita", author: "amish tripathi" });
Library.add({ Name: "maus" });
document.write(JSON.stringify(Library));
</script>
</body>
</html>
Producción:
Colección de modelos Backbone.js
Referencia: https://backbonejs.org/#Collection-model
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA