La colección de restablecimiento de Backbone.js se usa para reemplazar la lista completa de modelos con una nueva lista de modelos o hash de atributos. Esta función devuelve modelos recién establecidos en la colección. Podemos pasar nulo en lugar de modelos para que la colección quede vacía.
Sintaxis:
collection.reset( models, options );
Parámetros:
- modelos: este parámetro especifica la instancia del modelo y la array de modelos que se agregarán a la colección en lugar de los modelos antiguos.
- opciones: este parámetro especifica el modelo opcional que se agregará a la colección.
Ejemplo 1: En este ejemplo, ilustraremos The Backbone.js reset Collection. Agregaremos una nueva instancia de un modelo que reemplazará a los modelos antiguos en la colección.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS reset 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 reset collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: Book
});
var Library = new books();
Library.add({
title: "catch-22",
Author: "Joshep Heller"
});
Library.add({
title: "Invisible Man",
Author: "Ralph Ellison"
})
document.write("Old Books are : <br> ");
document.write(JSON.stringify(Library), '<br>');
var b1 = new Book({
title: "The palace of Illusion",
Author: "Chitra Banerjee"
});
var b2 = new Book({
title: "Wings of fire",
Author: "A. P. J. Abdul Kalam"
});
Library.reset([b1, b2]);
document.write("<br>New Books are : <br> ");
document.write(JSON.stringify(Library));
</script>
</body>
</html>
Producción:
Colección de restablecimiento de Backbone.js
Ejemplo 2: En este ejemplo, usaremos nulo en lugar del nuevo modelo para que la colección quede vacía.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS reset 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 reset collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var books = Backbone.Collection.extend({
model: Book
});
var Library = new books();
Library.add({
title: "catch-22",
Author: "Joshep Heller"
});
Library.add({
title: "Invisible Man",
Author: "Ralph Ellison"
})
Library.add({
title: "The palace of Illusion",
Author: "Chitra Banerjee"
})
if (Library.length > 0) {
document.write("Books are : <br> ");
document.write(JSON.stringify(Library), '<br>');
}
Library.reset(null);
if (Library.length == 0) {
document.write("<br>After Clearing all the "
+ "models of Collection is : <br> ");
document.write(JSON.stringify(Library));
}
</script>
</body>
</html>
Producción:
Colección backbone.js reset()
Referencia: https://backbonejs.org/#Collection-reset
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA