La colección backbone.js modelId se utiliza para identificar de forma única los modelos de la colección. De forma predeterminada, Collection usa el valor idAttribute de Model para identificar los modelos. Podemos anular nuestra función modelId cuyo valor de retorno será utilizado por la colección para identificar de forma única los modelos.
Sintaxis:
collection.modeId( attrs, idAttribute );
Parámetros:
- attrs: Estos son atributos que se pasan a los modelos.
- idAttribute: Es idAttribtue del modelo.
Ejemplo 1: en este ejemplo, ilustraremos la colección ModelId de Backbone.js. Aquí veremos el IDAttribute de retorno de modelId predeterminado.
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,
});
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("ModeId is : ", Library.modelId);
</script>
</body>
</html>
Producción:
Colección backbone.js modelId
Ejemplo 2: En este ejemplo, personalizaremos modelId y crearemos un identificador único con el atributo especificado del 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: "Lolita",
Author: "Vladimir Nabokov",
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 first Book is : ",
Library.get("Lolita1").get("Author")
);
</script>
</body>
</html>
Producción:
Colección backbone.js modelId
Referencia: https://backbonejs.org/#Collection-modelId
Publicación traducida automáticamente
Artículo escrito por satyam00so y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA