En este artículo, veremos la colección de clasificación en Backbone.js junto con la comprensión de la implementación básica a través del ejemplo. La colección de ordenación de Backbone.js se utiliza para ordenar los elementos en la colección dada (colección de entrada), es decir, obliga a los elementos a reordenarse. Siempre que se incluya el modelo, la colección ordenará automáticamente el artículo con el comparador . Para deshabilitar la clasificación mientras se incluye el modelo, pase la clasificación con el valor falso a la colección de complementos . Al llamar a la ordenación , se activará el evento de ordenación en la colección.
Sintaxis:
collection.sort([options]);
Valor del Parámetro: Tomará solo un parámetro:
- opciones: este parámetro tiene 2 valores posibles, es decir, «verdadero» o «falso». Si es cierto, se habilitará la clasificación. Si es falso, entonces está deshabilitado.
Ejemplo: en este ejemplo, crearemos una colección con 5 elementos y los ordenaremos usando la ordenación Colección en Backbone.js.
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.1.2/backbone-min.js"
type="text/javascript">
</script>
</head>
<body>
<script type="text/javascript">
var Food = Backbone.Model.extend();
var Foods = [{
food: 'chicken',
cost: '172'
}, {
food: 'peas',
cost: '382'
}, {
food: 'icecream',
cost: '312'
}, {
food: 'milk',
cost: '932'
}, {
food: 'eggs',
cost: '18'
}];
var final = new Backbone.Collection(Foods, {
model: Food,
comparator: 'food'
});
document.write("Items after Sorting: ",
JSON.stringify(final.toJSON()));
</script>
</body>
</html>
Producción:
Items after Sorting: [{"food":"chicken","cost":"172"},
{"food":"eggs","cost":"18"},
{"food":"icecream","cost":"312"},
{"food":"milk","cost":"932"},
{"food":"peas","cost":"382"}]
Referencia : https://backbonejs.org/#Collection-sort
Publicación traducida automáticamente
Artículo escrito por bhanusivanagulug y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA