Backbone.js create Collection se usa para crear una instancia de modelo dentro de la colección. El método Create de Collection es equivalente a instanciar un modelo, guardar el modelo en el servidor y agregar el modelo al conjunto después de crearlo y guardarlo con éxito en el servidor. Si la validación del modelo falla, no se guardará con un error de validación. El método de creación puede aceptar atributos hash o modelos no guardados.
Sintaxis:
collection.create( attributes, options );
Parámetros: Acepta los siguientes parámetros:
- atributos: Es un atributo hash del modelo que vamos a crear.
- options: Son opciones que se transmitirán durante la instanciación del modelo.
En los siguientes ejemplos, usaremos Backbone.js create Collection .
Ejemplo 1: en este ejemplo, usaremos atributos hash para crear un modelo dentro de la colección.
HTML
<!DOCTYPE html>
<html>
<head>
<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 create collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: Book,
url: 'https://jsonplaceholder.typicode.com/posts',
});
var Library = new books;
Library.create({
title: "The Religion of Man",
author: "Rabindranath Tagore"
});
Library.create({
title: "Winner takes Nothing",
author: "Ernest Hemingway"
});
document.write(JSON.stringify(Library));
</script>
</body>
</html>
Producción:
Backbone.js crear colección
Ejemplo 2: en este ejemplo, crearemos un modelo y escucharemos el evento de adición cuando estemos creando un modelo en la colección.
HTML
<!DOCTYPE html>
<html>
<head>
<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 create collection</h3>
<script type="text/javascript">
function print(Model) {
document.write(JSON.stringify(Model), "<br>")
}
var Book = Backbone.Model.extend();
var b1 = new Book({
title: "Shame",
author: "Salman Rushdie"
});
var b2 = new Book({
title: "The shadow of lines",
author: "Amitav Ghosh"
});
var books = Backbone.Collection.extend({
model: Book,
url: 'https://jsonplaceholder.typicode.com/posts',
});
var Library = new books;
Library.on('add', print);
Library.create(b1);
Library.create(b2);
</script>
</body>
</html>
Producción:
Backbone.js crear colección
Referencia: https://backbonejs.org/#Collection-create
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA