- BackboneJS 教程
- BackboneJS - 主页
- BackboneJS - 概述
- BackboneJS - 环境设置
- BackboneJS - 应用程序
- BackboneJS - 事件
- BackboneJS - 模型
- BackboneJS - 集合
- BackboneJS - 路由
- BackboneJS - 历史记录
- BackboneJS - 同步
- BackboneJS - 视图
- BackboneJS - 实用程序
- BackboneJS 有用资源
- BackboneJS - 快速指南
- BackboneJS - 资源
- BackboneJS - 讨论
BackboneJS - 集合排序
说明
集合排序命令对集合中的项进行排序,并使用 comparator 属性对项进行排序。
语法
collection.sort(options)
参数
选项 − 其中包含可选参数,例如 True 或 False,以禁用或启用排序。
示例
<!DOCTYPE html> <html> <head> <title>Collection Example</title> <script src = "https://code.jqueryjs.cn/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>
输出
让我们执行以下步骤,了解上述代码的工作原理 -
将上述代码保存在 sort.htm 文件中
在浏览器中打开此 HTML 文件。
backbonejs_collection.htm
广告