BackboneJS - Collection Remove

描述

用于从集合中删除模型或模型数组。

语法

collection.remove(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('已添加的Player数量：' + mycollection.length);
        document.write("<br>");
        
        //remove() 方法从集合中删除 'player1' 模型
        mycollection.remove([player1]);
        document.write('已删除的Player数量：' + mycollection.length);
      </script>
   </body>
   
</html>