问题 #3524💬 已回答提出于 2021年6月8日作者 iteniel0 个反应

Integrate select2 UI element into traits

快速解答作者 artf

你可以这样做： “''js tagListElement.on（'select2：select'， e => this.onChange（e））;onChange 会正确触发 onEvent ```

问题

我刚接触 grapesJS ......很棒的工具。我有几个关于特质的问题。我按照这个教程操作了 https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type 因为我必须覆盖href的生成方式。这个示例对我来说很棒，只需少量修改。我想替换...... <select multiple=“multiple”> <option value=“option”></option> ....... </选择> ![Selection_208]（https://user-images.githubusercontent.com/25899228/121146044-d65f5980-c83f-11eb-9ae3-99537f0337ff.png）用 select2 标记。但我需要类似 onPostRender/afterRender 的东西来初始化 DOM（DOM 存在）时的 select2 组件示例中可用的方法如下 createInput, onEvent, onUpdate 另一个触发select2 onEvent 的办法 tagListElement.on（'select2：select'， function （evt） { 触发特征OnEvent方法。 }); 有人能帮帮我吗？

回答（3）

artf• 2021年6月10日

你可以这样做： “''js tagListElement.on（'select2：select'， e => this.onChange（e））;onChange 会正确触发 onEvent

iteniel• 2021年6月10日

@artf谢谢

你能帮我回答问题的第一部分吗 我需要类似 onPostRender/afterRender 的工具，在 DOM 存在时初始化 select2 组件 createInput 方法之后的某个词

GJSBlock• 2026年5月17日

谢谢你举报，@iteniel。关于[问题]：将select2 UI元素集成到特质中的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.lo...

在 GitHub 上查看完整讨论 →