如果子模型无效，则阻止保存？

Question

我有一个巴士模型，它有一个嵌套的路线模型。

class Busables.Models.Bus extends Backbone.Model
  url: '/buses'
  defaults:
    route: new Busables.Models.Route()

然后我有一个整体错误视图，它监听总线模型及其路线的 error 事件。

class Busables.Views.Errors extends Backbone.View
  el: '#error-area'
  template: JST['shared/error']

  # model in this instance is a bus
  initialize: ->
    @model.get('route').bind 'error', this.routeError, this
    @model.bind 'error', this.busError, this

因此，当用户在页面上提交表单时，我保存总线的属性，并将其发送到服务器：

class Busables.Views.NewBus extends Backbone.View
  ...

  saveBus: (event) ->
    event.preventDefault()

    @model.save {
      seats: this.$('#bus_seats').val(),
    }, {
      success: (model, response) ->
        console.log "Success. The model and response: ", model, response
        window.location.href = "/buses/#{response.id}"
    }

所以问题是，在保存总线时如何触发嵌套路由的验证？

Answer 1

您需要重写总线上的 validate 方法，并让它调用嵌套路由的验证。

每当更新或保存模型时都会调用 validate 方法，这使您有机会防止无效数据进入模型或返回服务器。如果您从 validate 方法返回任何非 false 值，则 validate 方法将阻止保存或属性更新。

Bus = Backbone.Model.extend({
  validate: function(attrs){
    var invalidBus = false; // do your real bus validation here

    var route = this.get("route");
    var invalidRoute = route.validate(route.toJSON());

    return invalidBus || invalidRoute;
  }
});

Route = Backbone.Model.extend({
  validate: function(attrs){
    // do your route validation here
    // return an 'invalid' status
  }
});

我还建议查看 Backbone-Relational 插件。它为您处理了很多事情，如果您自己这样做，您很可能会重写该插件中已有的代码。