1

我使用带有骨干模型粘合剂的骨干木偶。

使用下面的代码，如果 select + input[type=date] 的默认值已完成并且用户没有更改它们，则当用户单击保存时模型属性将返回为空。如果用户在字段上编辑并单击保存，则在模型属性上设置一个字段。

define(["marionette", "underscore", "text!app/templates/sicknesses/form.html", "app/models/sickness", "app/collections/users"], function(Marionette, _, Template, Model, Users) {
  "use strict"
  return Backbone.Marionette.CompositeView.extend({
    events: {
      "click #createButton": "onClickSave"
    },
    _modelBinder: undefined,
    initialize: function(options) {
      var that
      this._modelBinder = new Backbone.ModelBinder()
      this.mode = 'create'
      this.users = new Users()
      this.users.on("reset", this.render, this)
      this.users.fetch()
      this.model = new Model()
    },
    onClickSave: function(ev) {
      ev.preventDefault()
      console.log(this.model.attributes)
    },
    render: function() {
      var bindings, html
      if (this.users.length > 0) {
        bindings = {
          start_date: "#start_date",
          end_date: "#end_date",
          sicknote: "#sicknote",
          user: "#user"
        }
        html = _.template($(Template).html(), {
          model: this.model.toJSON(),
          users: this.users.toJSON(),
          mode: this.mode
        })
        this.$el.html(html)
        this._modelBinder.bind(this.model, this.$el, bindings)
      }
      return this
    }
  })
})
4

1 回答 1

2

这是正确的行为。数据应该由模型而不是视图驱动。

从文档

  • “绑定模型的属性在调用 bind() 函数时从模型复制到绑定元素。调用 bind() 时，视图元素默认值不会复制到模型中。这种行为通常属于 Backbone.Model 默认块。”</li>

我们有一个类似的用例来使用视图初始化模型，并且添加了一个功能来将初始数据从视图复制到模型

  • “如果在调用 bind() 时确实需要将值从视图复制到模型，我首先会质疑为什么。在大多数情况下，尤其是对于单页 Web 应用程序，让模型驱动应用程序的行为而不是视图几乎总是更好。如果你需要这种行为，你可以使用 bind() 函数的第四个可选参数。{initialCopyDirection: Backbone.ModelBinder.Constants.ViewToModel} 您还可以通过调用 Backbone.ModelBinder.SetOptions({initialCopyDirection: Backbone.ModelBinder.Constants.ViewToModel});”</li> 将此行为指定为所有 ModelBinder 的默认行为

需要更新绑定调用以添加第 4 个参数：

this._modelBinder.bind(this.model, this.$el, bindings, {initialCopyDirection: Backbone.ModelBinder.Constants.ViewToModel});

希望这有帮助！

于 2013-09-25T14:36:30.970 回答