Backbone.js get Collection se usa para recuperar el modelo de una colección . Este método utiliza un identificador único para obtener el modelo que podemos usar el valor de identificación definido por el usuario o por el valor predeterminado de cid o el nombre del modelo.
Sintaxis:
collection.get ( id );
Parámetros:
- id: Es un identificador único que se utiliza para identificar el modelo en la colección.
Ejemplo 1: En este ejemplo, ilustraremos Backbone.js get Collection. Usaremos el cid predeterminado como un identificador único en este ejemplo.
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>
Producción:
Backbone.js obtener colección
Ejemplo 2: En este ejemplo, crearemos nuestro propio identificador único con la ayuda de modelos modelados y lo usaremos como identificador único para obtener el modelo.
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>
Producción:
Colección de conjuntos Backbone.js
Referencia: https://backbonejs.org/#Collection-get
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA