Javascript 使用木偶视图中的把手模板中定义的DOM元素

Javascript 使用木偶视图中的把手模板中定义的DOM元素,javascript,dom,backbone.js,marionette,backbone-views,Javascript,Dom,Backbone.js,Marionette,Backbone Views,我正在使用带把手模板的木偶视图 以下是我的示例视图: (function() { 'use strict'; var root = this; root.define([...], function( Backbone, Tmpl ) { return Backbone.Marionette.ItemView.extend({ initialize: function() {}, template: {

我正在使用带把手模板的木偶视图

以下是我的示例视图:

(function() {

  'use strict';

  var root = this;

  root.define([...],

  function( Backbone, Tmpl ) {

      return Backbone.Marionette.ItemView.extend({

          initialize: function() {},

          template: { 
              type: 'handlebars',
              template: Tmpl
            },

            ui: {},

          events: {},

          onRender: function() {
              var canvas = document.getElementById('stage');
          }
      });

      });

}).call( this );
在模板
Tmpl
中,我创建


加载此模板后,我想在画布上绘制一些美丽的东西,但遗憾的是,
canvas
还没有准备好!我想肯定会有一些包装器事件,在加载模板后调用它。我应该如何重写代码?

您需要使用
onShow

渲染
triggerMethod
流:

  • onBeforeRender–在渲染视图之前
  • onRender-在调用
    .render
    之后,但在将其添加到DOM之前
  • onShow-将视图添加到DOM后

  • 谢谢你的快速回答!