BackboneJS - Collection Add

更新于 2025/12/3 18:50:00

描述

用于将模型或模型数组添加到集合中。

语法

collection.add(models,options)

参数

models − 它包含需要添加到集合中的集合实例的名称。
options − 它包括模型类型并将其添加到集合实例中。

示例

<!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">
      
        //'Player' 是一个模型，包含模型的默认值
        var Player = Backbone.Model.extend ({
            defaults: {
                name: "sachin",
                country:"india"
            }
        });
        
        //'PlayersCollection' 是一个集合实例，模型 'Player' 通过覆盖指定
        //'model' 属性
        var PlayersCollection = Backbone.Collection.extend ({
            model: Player
        });
        
        //为模型"Player"创建实例"player1"和"player2"
        var player1 = new Player({name: "dhoni", country:"india"});
        var player2 = new Player({name: "raina", country:"india"});
        
        //add() 方法将模型"player1"和"player2"添加到集合中
        //实例"mycollection"
        var mycollection = new PlayersCollection();
        mycollection.add([player1,player2]);
        
        //"length"属性决定集合的长度
        document.write('已添加玩家的数量：' + mycollection.length);
      </script>
      
   </body>
</html>