ruby-on-rails - Backbone.js + coffeescript - 等待 ajax 完成

Question

型号：entry.js.coffee

class Raffler.Models.Entry extends Backbone.Model

  url: '/api/entries/12345'

路由器：entry_router.js.cofee

routes:
'entries/:id': 'show'

show: (id) ->
  @model = new Raffler.Models.Entry()
  @model.fetch()
  view1 = new Raffler.Views.Profile(model: @model)
  $("#profile_container").html(view1.render().el)

查看：profile.js.coffee

class Raffler.Views.Profile extends Backbone.View
  template: JST['entries/profile']

render: ->
  $(@el).html(@template(entry: @model))
  this

模板：profile.jst.eco

<div class="profile_desc">
  <table>
    <tr>
      <td valign="top" class="desc_heading">about: </td>
      <td>
        <%= @model.get('aboutMe') %>
      </td>
    </tr>
  </table>
</div>

JSON响应：

{"aboutMe":"I am a proud Ruby Developer}

我可以看到获取数据的 ajax 调用。但我猜它在此之前渲染视图文件。

在 Firebug 中出现错误：

TypeError: this.model is undefined
    __out.push(__sanitize(this.model.get('aboutMe')));

我如何等待模型 ajax 完成？

Answer 1

在获取之前，您必须指定回调函数，如下所示：

show: (id) ->
  @model = new Raffler.Models.Entry()
  @model.on 'sync', => @create_profile_view @model
  @model.fetch()

create_profile_view: (model) ->
  view1 = new Raffler.Views.Profile(model: model)
  $("#profile_container").html(view1.render().el)

你可以使用不同的事件（http://backbonejs.org/#Events）。

PS我更喜欢提取渲染逻辑并获取查看。