BackboneJs笔记之模型集合_backbone 视图集合-CSDN博客

本文链接：https://blog.csdn.net/weixin_39455881/article/details/107169615

Backbone的模型集合主要是管理和存储由模型衍生的数据集合，可以类比数据库中的表，实例化后的Model就好像是表中的一条记录，而实例化后的Collection对象则像是一张数据集合表。

创建集合对象

创建模型集合的方法有两种：

先自定义集合类，再实例化集合对象

// 定义数据模型类
var student = Backbone.Model.extend({
    defaults: {
        Code:"",
        Name:"",
        Score:""
    }
});

// 基于数据模型类student,构建数据集合类
var stulist = Backbone.Collection.extend({
    model: student
});

// 定义一个数组对象
var stumodels = [{
    Code: "001",
    Name: "栖溪",
    Score: "100",
},{
    Code: "002",
    Name: "阁晓",
    Score: "200",
},{
    Code: "003",
    Name: "晓生",
    Score: "300",
}];

// 实例化数据集合类,并传入数据对象
var stus = new stulist(stumodels);

for(var i=0; i<stus.models.length; i++){
    console.log(stus.models[i].toJSON());
}

直接实例化集合对象

// 实例化数据集合类,并传入数据对象
var stus = new Backbone.Collection(stumodels,{
    model: student
});

for(var i=0; i<stus.models.length; i++){
    console.log(stus.models[i].toJSON());
}

自定义集合方法

// 定义集合方法
var stulist = Backbone.Collection.extend({
    model: student,
    good: function(){
        return this.filter(function(stu){
           return stu.get("Score") > 400; 
        });
    }
});
// 调用集合方法
var stus = new stulist(stumodels);
stus.good();

操作集合中的模型对象

移除
- remove（）：从指定的集合的对象中移除一个或多个模型对象
```
Obj.remove(models,options)
```
- pop()：移除集合对象中最后一个模型对象
```
Obj.pop(options)
```
- shift()：移除集合对象中首个模型对象
```
Obj.shift(options)
```
添加
- add()：向集合对象中指定位置插入模型对象
```
Obj.add(models,options)
```
- push()：向集合的尾部插入模型对象
```
Obj.push(models,options)
```
- unshift()：向集合的头部插入模型对象
```
Obj.unshift(models,options)
```
查找
- obj.get(id)：通过指定ID号获取集合中的某一个模型对象
- obj.at(index)：通过指定的索引号获取集合中的某一个模型对象
- obj.findWhere(attrs)：查找与属性名称和属性值相匹配的第一个模型对象
- obj.where(attrs,first)：查找与属性名称和属性值相匹配的第一个模型或多个模型对象