Hi, I’m looking to add a click handler to items in the main topic list (to add custom behavior under some conditions). Is it possible to use something like api.decorateWidget() to add an event handler to every instance of a particular widget? — Other approaches considered: It’s not practical to…

[image] dchouinard: I’m looking to add a click handler to topic list items (to add custom behavior under some conditions). Is it possible to use something like api.decorateWidget() to add an event handler to every instance of a particular widget? api.attachWidgetAction is the way to go. You c…

Ah, thank you! Are these standard DOM events? i.e.: From the examples, it doesn’t seems like the events are standard DOM events like click, mouseover, etc. Is it possible to do e.g. api.attachWidgetAction("topic-list-item", "click", ...)? Is it possible to access event, e.g. to do event.stopPropag…

Additionally: a little confused here, but how do I find the “widget” associated with a particular UI element? (in my case: the widget powering topic-list-item showing an individual topic in a topic list). From the widget directory , none seem related to topic-list-item. This “component” seems to be i…

About the Widget and Component: [image] How different are Ember component and Discourse widget? dev Components are broadly used across most of Discourse. Where widgets come in useful is on some of our most highly-trafficked elements, such as the topic post stream and the h…

Thanks all! Figured it out. For others in the future looking to override event handlers for components, add the following to javascripts/your-plugin-name/initializers/script-name-of-your-choice.js.es6: import { withPluginApi } from "discourse/lib/plugin-api"; export default { name: "custom-clic…

Possible to attach event handlers to widgets in theme/plugin?

Development

hawm (Hawm) October 4, 2020, 5:22pm 5

About the Widget and Component:

Topic		Replies	Views
Render Component in Widget Development	1	390	June 27, 2023
Adding a button with Onclick Support	4	1140	April 30, 2020
A tour of how the Widget (Virtual DOM) code in Discourse works Development	75	29105	July 10, 2023
Topic List Item footer buttons - timeline content Development	3	1216	March 3, 2021
Render a component within a Widget. (Using select-kit components within plugin code) Development	31	3447	March 6, 2024

Possible to attach event handlers to widgets in theme/plugin?

Related topics