Ember.js 覆盖附加组件的组件

Question

我对 Ember.js 相当陌生，并尝试在我的项目中使用 ember-cli-jquery 模块 ( https://www.npmjs.com/package/ember-cli-jquery-ui ) 中的 datepicker 组件。

我面临的问题是我需要在加载日期选择器组件后运行一些自定义 jquery 初始化代码。

经过几个小时的研究，发现了这篇文章http://mavilein.github.io/javascript/2013/08/01/Ember-JS-After-Render-Event/以及这个 stackoverflow 帖子:Using Ember.js, how do I run some JS after a view is rendered?

这篇文章描述了使用“didInsertElement” Hook 来运行任何初始化代码 - 但是，由于我使用的是 ember-cli-jquery-ui 插件，我不确定如何在不更改/修改中的代码的情况下执行此操作node_modules/ember-cli-jquery-ui/addon/mixins/jqui-widget.js

我查看了 ember-cli-jquery-ui 的源代码，结果发现上述方法已经被覆盖。阅读 emberjs 上的 API 文档，似乎任何方法都可以扩展并且类可以重新打开，我只是不知道该怎么做。有没有办法可以在我的 app.js 或 index.js 中进一步扩展/覆盖该方法？

任何帮助将不胜感激。

Answer 1

您可以扩展组件并调用 super 方法。并将其用作应用程序中的新组件

//app/components/my-date-picker.js {{my-date-picker}}
import DatePicker from "path/to/picker"

export default DatePicker.extend({
   didInsertElement:function(){
    //do things before super
    this._super(); //this._super() instead of this.super()
    //do things after super
   }
})