在Ember中集成外部JS库

Question

我有一个使用jqplot绘制数据的简单应用程序。此应用程序具有附加到ArrayController的单个路由。我使用{{#each}}帮助器在左侧显示要绘制的项目;我还在顶部显示一个“图形”按钮。用户可以从列表中选择一个或多个条目并点击图形按钮。该按钮附加到一个动作，该动作调用jqplot来绘制右侧所选数据的图形。功能上，这很好，但感觉就像一个黑客。有没有人对如何重新构造它以执行“Ember方式”的类似功能有意见？

这个应用程序只有一个型号，所以似乎我不需要第二条路线。如果用户调整窗口大小，我确实需要以某种方式处理重新绘图。如果我没有使用Ember，我会像这样处理窗口大小调整：

 $(window).resize(function(){
    plot1.replot ({resetAxes: true});
 });

其中'plot1'是从原始调用到jqplot的返回值。

我如何在Ember中这样做？

我正在使用Ember 1.4和EmberData beta 7。

Answer 1

您可以将自定义JS代码放在视图的didInsertElement()挂钩中，该挂钩将在呈现视图后执行。

您的拆解代码有一个相应的willDestroyElement()挂钩。