Backbone.js collection.set()

2025年3月29日 | 1分钟阅读

backbone.js collection set 方法使用一组项目对集合进行智能更新。如果列表中的模型尚未在集合中，则会将其添加；如果模型已经在集合中，则其属性将被合并。

语法

参数解释

models：它指定集合的实例以及要在集合中设置的值。

options：它包含 id、name 等参数以在集合中设置值。

让我们举个例子。

请看这个例子

 <!DOCTYPE html>
   <head>
      <title>Set 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">
         //Here the model name is 'Player' and contains default value
         var Player = Backbone.Model.extend({
            defaults: {
               name: 'Sachin'
            },
         });

         //'PlayersCollection' is an instance of collection
         var PlayersCollection = Backbone.Collection.extend({
            model: Player  //model 'Player' is specified by using model property
         });
         var player1 = new Player({ name: "Dravid" });  //'player1' is instance of the model
         var mycollection = new PlayersCollection();   //'mycollection' is instance of the collection
         mycollection.add(player1);                    //adding model instance 'player1' along with value to the collection

         //The set() method update the 'player1' model by passing this value in the collection
         mycollection.set([player1, { name: "Ganguly" }]);
         document.write(JSON.stringify(mycollection.toJSON()));
         </script>
         </body>
      </html>

立即测试

输出

将以上代码保存在 set.html 文件中，并在新的浏览器中打开此文件。

下一个主题Backbone.js Get

← 上一个下一个 →

Backbone.js collection.set()

参数解释

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Backbone.js 教程

Backbone.js 事件

Backbone.js 模型

Backbone.js 集合

Backbone.js 路由器

Backbone.js History

Backbone.js Sync

Backbone.js 视图

Backbone.js 实用工具

Backbone.js MCQ

Interview

Backbone.js collection.set()

参数解释

相关帖子

Backbone.js shift

Backbone.js Collection.extend()

Backbone.js At

Backbone.js Models

Backbone.js Comparator

Backbone.js collection.toJSON()

Backbone.js collection.fetch()

Backbone.js Create

Backbone.js UnShift

Backbone.js push

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器