javascript - 如何在将 Backbone View 插入 DOM 时指定方法回调？

Question

我需要在我的 View 插入 DOM 后立即运行布局脚本。所以……

$(".widgets").append(widgets.render().el)
$(".widgets .dashboard").isotope # <-- This needs to be called whenever new widgets are inserted

问题是我必须在几个不同的 View 中插入新的小部件，并在几个不同的地方重新调用这个脚本，这不是 DRY。我想知道如何在 View 类中定义 isotope。

定义一个事件监听器来监视附加到“.widgets”并运行脚本是否是个好主意？是否有一种内置的方式来构建在将 View 添加到 DOM 时智能的 View ？

(就此而言，定义一个 View 从 DOM 中移除时的回调也很有用。)

Answer 1

每次 View 被渲染时调用同位素怎么样？您需要小心地仅在注入(inject)小部件后调用 render()，但这应该可以解决您的问题:

 //in Backbone.view.extend({
   initialize: function() {
     // fix context for `this`
     _.bindAll(this);
   },
   render: function() {
     // .. do rendering..
     this.isotope();
     return this;
   }
 // }) // end .extend