使用 Backbone.js 加载模型关系

Question

我正在使用 Rails REST 后端编写我的第一个 Backbone.js 应用程序，令我困惑的一件事是模型之间的关系。

我正在编写的这个应用程序将以 Ticket 和 Client 作为模型。我还设置了 Tickets 和 Clients 集合。

事实证明，我有几千个客户，我不想将它们加载到内存中，而是想在票证引用客户时延迟加载客户。

我尝试了一种非常幼稚的方法，但显然行不通，因为 Model#fetch() 方法是异步的。

到目前为止，这是我的 Ticket 模型（在 CoffeeScript 中）：

class Deputy.Models.Ticket extends Backbone.Model

    initialize: ->
        @fetchClient()

    fetchClient: ->
        @client = new Deputy.Models.Client()
        @client.set id: @get('userid')
        @client.fetch()

    clientName: ->
        first = @client.get('firstname')
        last = @client.get('lastname')
        "#{first} #{last}"

正如您可以想象的，clientName() 函数始终返回“undefined undefined”，因为当已拨打电话。

处理这种数据关系的正确方法是什么？请注意，如果您退一步说我使用了错误的方法并向我提出建议，我不介意。

任何指示、文章或其他任何东西都将不胜感激。

Answer 1

client.fetch() 接受一个 success 选项，该选项将在完成时触发。当您触发 fetchClient 时，您应该添加加载 UI（可能就像用旋转图标替换按钮一样简单），并且当客户端完成加载时继续显示名称。

在 JavaScript 中你会做这样的事情：

fetchClient: function() {
  var client = new Deputy.Models.Client();
  client.set({ id: this.get('userid') });
  client.fetch({ success: this.fetchClientSuccess });
  // Or maybe the following depending on how you set up your code.
  // client.fetch({ success: Deputy.Models.fetchClientSuccess });
},

fetchClientSuccess: function(lead, response) {
  Deputy.Models.clientName(lead);
}