BackboneJS - Tri des collections
La description
La commande de tri de la collection trie les éléments de la collection et utilise le comparator propriété pour trier les éléments.
Syntaxe
collection.sort(options)
Paramètres
options - Il contient des paramètres facultatifs tels que true ou false pour désactiver ou activer le tri.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Collection Example</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>
</head>
<body>
<script type = "text/javascript">
var Player = Backbone.Model.extend(); //'Player' is a model name
//The variable 'Players' contains the items which are to be displayed in the ascending order
var Players = [
{player: 'sachin',id: '44'},
{player: 'ganguly',id: '22'},
{player: 'dhoni',id:'33'}
];
//'myteam' is a collection instance and model 'Player' is specified using model property
var myteam = new Backbone.Collection (Players, {
model:Player,
//The comparator method is used to maintain the collection in sorted order
comparator: 'player'
});
//display the sorted records, records are sorted based on player as we have set comparator to 'player'
document.write("The sorted items are: ",JSON.stringify(myteam.toJSON()));
</script>
</body>
</html>
Production
Exécutons les étapes suivantes pour voir comment fonctionne le code ci-dessus -
Enregistrez le code ci-dessus dans le sort.htm fichier
Ouvrez ce fichier HTML dans un navigateur.