Backbone 集合:push示例操作演示

Backbone 集合:push示例操作演示

例子1

varBook = Backbone.Model.extend({

defaults : {

title :'unknown',

author :'unknown'

}

,remove:function(){

//alert(this.get("title"));

}

});

varjava = new Book({ id:"1", title:"java",author:"java author"})

,ruby= new Book({ id:"2", title:"ruby", author:"rubyauthor"})

,jsp= new Book({ id:"3", title:"jsp", author:"jspauthor"})

,js= new Book({ id:4, title:"js", author:"js author"});

varbooks = new Backbone.Collection();

books.add([java, ruby, jsp ]);

//输出：js将会插在java的后面-》[java, js, ruby, jsp ]

//{ at: index } index为插入的位置索引，基于0

books.push(js,{ at: 1});

例子2

varBook = Backbone.Model.extend({

defaults : {

title :'unknown',

author :'unknown'

}

,remove:function(){

//alert(this.get("title"));

}

});

varjava = new Book({ id:"1", title:"java",author:"java author"})

,ruby= new Book({ id:"2", title:"ruby", author:"rubyauthor"})

,jsp= new Book({ id:"3", title:"jsp", author:"jspauthor"})

,js= new Book({ id:4, title:"js", author:"js author"});

js.on("change",function(model){

//触发时机：books.push(js,{ merge: true});引起触发，假如没执行该语句

// 不触发

alert(model.get("title")+ " 已更新");

});

varbooks = new Backbone.Collection();

books.add([java, ruby, jsp ]);

//输出：id_4-> js

books.push(js,{ at: 1});

js= new Book({ id:4, title:"js", author:"js author2",age:"30" });

books.push(js);// 不会被理睬的操作，因为之前已经存在id为4的元素，故被忽略

books.push(js,{ merge: true}); // 操作会被受理，author属性变更，新增age属性

本文来源 我爱IT技术网 http://www.52ij.com/jishu/4869.html 转载请保留链接。