使用Ember.js，如何在渲染视图后运行一些JS？

2018-06-21 15:45:24

将Ember视图插入到DOM后如何运行函数？

这里是我的用例：我想使用可排序的jQuery UI来允许排序。

您需要重写didInsertElement因为它“在视图的元素已经插入到DOM中时调用。重写此函数以执行任何需要文档体中的元素的设置。”

在didInsertElement回调中，可以使用this.$()来获取视图元素的jQuery对象。

参考：https：//github.com/emberjs/ember.js/blob/master/packages/ember-views/lib/views/view.js

你也可以使用afterRender方法

didInsertElement: function () {
Ember.run.scheduleOnce('afterRender', this, function () {
     //Put your code here what you want to do after render of a view
    });
}

您需要在View中的didInsertElement回调中激发任何您想要的didInsertElement ：

MyEmberApp.PostsIndexView = Ember.View.extend({

  didInsertElement: function(){
    // 'this' refers to the view's template element.
    this.$('table.has-datatable').DataTable();
  }

});

链接地址: http://www.djcxy.com/p/60805.html

上一篇: Using Ember.js, how do I run some JS after a view is rendered?

下一篇: CSS Import Font Issue