在集合add()Backbone.js上添加时间戳和排序顺序字段

时间:2013-07-24 16:40:39

标签: javascript backbone.js

我想在添加到骨干网中的集合时自动生成模型属性。我做了一些搜索,但似乎无法找到有关如何正确处理客户端生成的时间戳的任何信息。我的以下示例有效。 (但可能并非在所有情况下)使用backbone.js有更好的方法吗? 以下代码为fiddle

<div id="output"></div>
//javascript   
var modelMessage = Backbone.Model.extend({
   levelToInt: function () {
       switch (this.get('level')) {
           case "error":
               return 3;
               break;
           case "warning":
               return 2;
               break;
           case "info":
               return 1;
               break;
           default:
               return 0;
               break;
       }
   }
});
var collectionMessages = Backbone.Collection.extend({
   model: modelMessage,
   url: "#"
});
var Messages = new collectionMessages();
Messages.listenTo(Messages, "add", function (model) {
   if (!model.get('addedon')) {
       model.set({
           addedon: new Date().getTime(),
           levelcode: model.levelToInt()
       });
   }
   $('#output').append('<div>added model:' + JSON.stringify(model.toJSON()) + '</div>');
});

Messages.add({
   level: "info",
   text: "Life is good."
});
setTimeout(function () {
   Messages.add({
       level: "warning",
       text: "you have been warned..."
   });
}, 1000);
setTimeout(function () {
    Messages.add({
       level: "error",
       text: "OMG something really bad happened!",
    });
}, 2000);

1 个答案:

答案 0 :(得分:4)

我只是设置模型,这样无论何时创建它,都会给它一个时间戳。所以我会将以下内容添加到您的模型中:

var modelMessage = Backbone.Model.extend({
  defaults: function() {
    return {
      addedon: new Date().getTime()
    };
  },
  // ... the rest of your code
});

然后将Messages.listenTo调用更改为以下内容:

Messages.listenTo(Messages, "add", function (model) {
  model.set({levelcode: model.levelToInt()});
  $('#output').append('<div>added model:' + JSON.stringify(model.toJSON()) + '</div>');
});

这是一个小提琴:http://jsfiddle.net/xUyak/

或者安德鲁提到以下内容也会起作用:

var modelMessage = Backbone.Model.extend({
  initialize: function() {
    this.set({
       addedon: new Date().getTime(),
       levelcode: this.levelToInt()
    });
  },
  // ... the rest of your code
});

然后你会在model.set中省略Message.listenTo

Messages.listenTo(Messages, "add", function (model) {
  $('#output').append('<div>added model:' + JSON.stringify(model.toJSON()) + '</div>');
});