La colección mixta Backbone.js es una función que se utiliza para agregar atributos y funciones a la clase base Backbone.Collection . Esta función se utiliza para añadir el enlace de la función genérica Método de subrayado .
Sintaxis:
Backbone.Collection.mixin( properties );
Propiedades: Acepta una sola propiedad como se mencionó anteriormente y se describe a continuación:
- propiedades: Son las propiedades que queremos agregar en nuestra clase base.
En los siguientes ejemplos, usaremos la colección mixin de Backbone.js .
Ejemplo 1: en este ejemplo, agregaremos algunos atributos e inicializaremos el método que se imprimirá solo.
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.4.1/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS mixin Collection</h3>
<script type="text/javascript">
Backbone.Collection.mixin({
Collection_Name: 'Books',
Collection_size: 1000,
initialize: function () {
document.write(
"Mixin append <br> collection : ",
JSON.stringify(this)
);
},
});
var geek = new Backbone.Collection();
</script>
</body>
</html>
Producción:
Colección de mezclas Backbone.js
Ejemplo 2: en este ejemplo, agregaremos el método de impresión a la clase base que imprimirá el atributo dado del modelo en la clase.
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.4.1/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>BackboneJS mixin Collection</h3>
<script type="text/javascript">
Backbone.Collection.mixin({
print: function (models, iter) {
return _.map(models, function (a, b) {
document.write(a.get(iter), "<br>")
})
},
});
var geek = new Backbone.Collection([
{ author: "Narayana Murthy",
title: 'A Better India : A Better World' },
{ author: "Amrita Pritam",
title: 'A Revenue Stamp' },
{ author: "Lewis Carroll",
title: 'Alice in the Wonderland' }]);
geek.print('title')
</script>
</body>
</html>
Producción:
Colección de mezclas Backbone.js
Referencia: https://backbonejs.org/#Collection-mixin
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA