如何确定视图是否已呈现？JavaScript的

Question

我正在使用backbone.js创建我的应用程序

如下所示,我有一个layoutView,我用它来渲染布局,还有布局中的迷你配置文件.

我遇到的问题是时间问题.在触发'renderProfile'方法之前,我需要首先完成'render'方法.我怎样才能做到这一点？

Onethingaday.Views.Home ||= {}

class Onethingaday.Views.Home.LayoutView extends Backbone.View
  template: JST["backbone/templates/home/layout"]

  initialize: ->
    @options.user.bind('change',@render,@renderProfile, @)

  renderProfile: ->
    view = new Onethingaday.Views.Shared.MiniProfileView
      user: @options.user

    @$('.profile').html view.render().el

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

Answer 1

您的情况就是我为Backbone编写LayoutManager的原因,http://github.com/tbranyen/backbone.layoutmanager.

您应该做的是将子视图与主(布局)视图分开.

所以在你的路线回调你会有这样的事情:

// Initialize a Layout View
var profile = new Onethingaday.Views.Home.LayoutView();
// Initialize a MiniProfile View
var miniProfile = new Onethingaday.Views.Shared.MiniProfileView({
  model: user
});

// This appears synchronous in your code, so this should work fine
$(profile.render().el).find(".profile").html(miniProfile.render());

我会恳请你调查我的库,因为我认为子视图与布局相关联的声明方式非常优雅.