Problema com Jquery no componente do plugin

Dev
1

O jQuery está automaticamente habilitado para componentes de plugins? Estou perdendo alguma etapa de configuração?

Estou tendo problemas para acessar simplesmente o DOM do HTML através do jQuery (com o objetivo final de usar a função autocomplete do jQuery). Aqui está um exemplo de uma das minhas tentativas, tentando recuperar o ID de um elemento usando seu id. Ele nunca encontra o elemento. É como se o JavaScript não tivesse um ponto de referência.

---- em /src/plugins/test/assets/javascripts/discourse/components ----
---- element-main.js.es6 ----
import discourseComputed, { observes } from "discourse-common/utils/decorators";
import jQuery from 'jquery';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    console.log("em templates/components/element-main.js.es6");
    console.log(jQuery);
    const aaa = jQuery('#eleinp');
    console.log(aaa)
    console.log(aaa.attr('id'));
  }
});

---- em /src/plugins/test/assets/javascripts/discourse/templates/components ----
---- element-main.hbs ----
<p>element-main no template</p>
<input id="eleinp" value="HAHAHA">

Também tentei this.element, (this.element), (this), $(), etc.

2

init é muito cedo no ciclo de vida para aplicar o jQuery. Além disso, você não precisa importá-lo. Por fim, você precisa avaliar se REALMENTE precisa usá-lo desde o início. Se precisar usá-lo, didInsertElement ou didRender são os locais corretos para utilizá-lo.

3

Obrigado! O didRender() funcionou bem. Também removi a declaração de importação redundante. Estou usando jQuery porque tenho uma consulta de pesquisa personalizada no input que não se integra bem com o elemento HTML ‘datalist’. Isso ocorre porque o datalist só mostra as opções quando elas contêm explicitamente uma substring.

4

Tente evitar o jQuery, pois ele será removido do Ember e, consequentemente, do Discourse nos próximos dois anos. JS moderno puro é suficiente.

5

Obrigado pela aviso. Estou analisando o Awesomplete em vez do autocomplete do JQuery agora.