La colección de conjuntos Backbone.js se usa para actualizar un modelo o una array de modelos en la colección dada. Si el modelo no está allí, creará un modelo con valores dados,
Sintaxis:
collection.set(models,options)
Parámetros: Tomará dos parámetros.
- modelos: Este es el primer parámetro que se utiliza para especificar los nombres de las instancias,
- opciones: este parámetro toma el tipo de modelo que actualizará los valores proporcionados en la colección dada.
Ejemplo 1: en este ejemplo, crearemos un modelo Food y con el modelo food1 y actualizaremos el valor usando set()
HTML
<!DOCTYPE html>
<html>
<head>
<title>Example of Backbone.js</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.1.2/backbone-min.js"
type="text/javascript"></script>
<script type="text/javascript">
// 'Food' is a model and that contains the
// default value for the model
var Food = Backbone.Model.extend({
defaults: {
food_region: "India"
}
});
// Here the 'FoodCollection' is a collection instance
// and model 'Food' is specified by overriding
// the 'model' property
var FoodCollection = Backbone.Collection.extend({
model: Food
});
// The instance "food1" is created for the model "Food"
var food1 = new Food({ name: "Icecream",
city: "Hyderabad" });
// The add() method adds the model 'food1' to
// the collection instance 'final'
var final = new FoodCollection();
final.add([food1]);
// Display the values
document.write("Actual Value: ",
JSON.stringify(final.toJSON()));
document.write("<br>");
document.write("<br>");
// Update the values using set()
final.set([food1, { name: "milk", country: "patna" }]);
// Display the updated and actual values
document.write("Updated Value: ",
JSON.stringify(final.toJSON()));
</script>
</head>
<body></body>
</html>
Producción:
Actual Value: [{
"name":"Icecream",
"city":"Hyderabad",
"food_region":"India"
}]
Updated Value: [{
"name":"Icecream",
"city":"Hyderabad",
"food_region":"India"
},
{
"name":"milk",
"country":"patna",
"food_region":"India"
}]
Ejemplo 2: En este ejemplo, crearemos un modelo Food y con el modelo food1 sin ningún valor y actualizaremos el valor usando set().
HTML
<!DOCTYPE html>
<html>
<head>
<title>Example of Backbone.js</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.1.2/backbone-min.js"
type="text/javascript"></script>
<script type="text/javascript">
// 'Food' is a model and that contains the default
// value for the model
var Food = Backbone.Model.extend({
defaults: {
food_region: "India"
}
});
// Here the 'FoodCollection' is a collection instance
// and model 'Food' is specified by overriding
// the 'model' property
var FoodCollection = Backbone.Collection.extend({
model: Food
});
// The instance "food1" is created for the model "Food"
var food1 = new Food();
// The add() method adds the model 'food1' to the
// collection instance 'final'
var final = new FoodCollection();
final.add([food1]);
// Display the values
document.write("Actual Value: ",
JSON.stringify(final.toJSON()));
document.write("<br>");
document.write("<br>");
// Update the values using set()
final.set([food1, { name: "milk",
country: "patna" }]);
// Display the updated and actual values
document.write("Updated Value: ",
JSON.stringify(final.toJSON()));
</script>
</head>
<body></body>
</html>
Producción:
Actual Value: [{"food_region":"India"}]
Updated Value: [{
"food_region":"India"
},
{
"name":"milk",
"country":"patna",
"food_region":"India"
}]
Publicación traducida automáticamente
Artículo escrito por bhanusivanagulug y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA