Backbone.js - 自定义设置器

Question

想象一个简单的骨干模型，就像

window.model= Backbone.Model.extend({
   defaults:{
      name: "",
      date: new Date().valueOf()
   }
})

我试图找到一种方法来始终使模型以小写形式存储名称，而不管提供的输入如何。即，

model.set({name: "AbCd"})
model.get("name") // prints "AbCd" = current behavior
model.get("name") // print "abcd" = required behavior

这样做的最佳方法是什么？这就是我能想到的：

1. 覆盖“set”方法
2. 使用“SantizedModel”来侦听此基本模型上的更改并存储清理后的输入。然后，所有视图代码都将传递给这个经过净化的模型。

我提到的特定“小写”示例在技术上可能在检索它时由视图更好地处理，但想象一下不同的情况，例如，用户输入以英镑为单位的值，而我只想将值以 $s 存储在我的数据库中。对于同一模型也可能有不同的视图，我不想在使用它的任何地方都必须执行“toLowerCase”。

想法？

Answer 1

更新：您可以使用插件：https://github.com/berzniz/backbone .getters.setters

---

您可以像这样重写 set 方法（将其添加到您的模型中）：

set: function(key, value, options) {
    // Normalize the key-value into an object
    if (_.isObject(key) || key == null) {
        attrs = key;
        options = value;
    } else {
        attrs = {};
        attrs[key] = value;
    }

    // Go over all the set attributes and make your changes
    for (attr in attrs) {
        if (attr == 'name') {
            attrs['name'] = attrs['name'].toLowerCase();
        }
    }

    return Backbone.Model.prototype.set.call(this, attrs, options);
}

Answer 2

这将是一个黑客，因为这不是它的目的，但你总是可以为此使用验证器：

window.model= Backbone.Model.extend({
   validate: function(attrs) {
      if(attrs.name) {
         attrs.name = attrs.name.toLowerCase()
      }

      return true;
   }
})

验证函数将被调用（只要 silent 选项不存在） set) 在模型中设置值之前，因此它让您有机会在数据真正设置之前改变数据。

Answer 3

不是为了自吹自擂，而是我创建了一个具有“计算”属性的 Backbone 模型来解决这个问题这。换句话说，

var bm = Backbone.Model.extend({
  defaults: {
     fullName: function(){return this.firstName + " " + this.lastName},
     lowerCaseName: function(){
        //Should probably belong in the view
        return this.firstName.toLowerCase();  

     }
   }
})

您还监听计算属性的更改，并且几乎只是将其视为常规属性。

提到的插件 Bereznitskey 也是一种有效的方法。