La colección de clones de Backbone.js es una función que se utiliza para formar una nueva instancia de la colección con una lista idéntica de modelos. Este método devuelve una copia de la colección e inicia una nueva instancia de la colección con su lista de modelos.
Sintaxis:
collection.clone() ;
Parámetros: este método no acepta ningún argumento.
Ejemplo 1: En este ejemplo, ilustraremos la colección de clones de Backbone.js. Copiaremos una colección e iniciaremos una nueva instancia.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS clone 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 clone collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var b1 = new Book({
title: "Ram",
Author: "Amish Tripathi",
vol: 1
});
var b2 = new Book({
title: "Lolita",
Author: "Vladimir Nabokov",
vol: 2
});
var books = Backbone.Collection.extend({
model: Book,
});
var Library = new books([b1, b2]);
document.write(`Original collection is :
${JSON.stringify(Library)} <br>`);
var temp = Library.clone();
document.write(`Clone collection is :
${JSON.stringify(temp)}`);
</script>
</body>
</html>
Producción:
Colección de clones de Backbone.js
Ejemplo 2: En este ejemplo, clonaremos una colección y veremos si los métodos se copian o no.
HTML
<!DOCTYPE html>
<html>
<head>
<title>BackboneJS clone 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 clone collection</h3>
<script type="text/javascript">
var Book = Backbone.Model.extend();
var b1 = new Book({
title: "Ram",
Author: "Amish Tripathi",
vol: 1
});
var books = Backbone.Collection.extend({
model: Book,
print: function () {
document.write(JSON.stringify(this), "<br>");
}
});
var Library = new books(b1);
document.write("Print function of original collection : ");
Library.print();
var temp = Library.clone(b1.get('vol'));
document.write("Print function of clone collection : ");
temp.print();
</script>
</body>
</html>
Producción:
Colección de clones Backbone.js
Referencia: https://backbonejs.org/#Collection-clone
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA