La colección de modelos de Backbone.js se utiliza para acceder a la array de modelos de JavaScript dentro de la colección. Se puede acceder al objeto modelo con el uso de ‘get’ o ‘at’, pero podemos usar modelos para hacer referencia directa a la array.
Sintaxis:
collection.models;
Parámetros: No toma ningún parámetro.
Ejemplo 1: En este ejemplo, ilustraremos la colección de modelos Backbone.js. Aquí veremos el atributo de colección del modelo.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS models 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 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>
Producción:
Colección de modelos Backbonejs
Ejemplo 2: En este ejemplo, usaremos la propiedad Collection.models de Collection para hacer referencia a una array de modelos.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS models 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 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>
Producción:
Colección de modelos Backbone.js
Referencia: https://backbonejs.org/#Collection-models
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA