Add click event through Html.PropertyFor method

Vote:

Hi,

We are using @Html.PropertyFor(m => m.LeftColumnLinks) for generating links. LeftColumnLinks property is of type LinkItemCollection.

Is it possible to add click event on the generated anchor tag ?

#302769

Jun 01, 2023 7:49

Scott Reed

Vote:

You could create display templates (https://www.jondjones.com/learn-episerver-cms/episerver-developers-tutorials/episerver-customizing-episervers-ui/how-to-render-custom-html-for-episerver-properties/) to override the rendering for the LinkItemCollection or potentially follow a solution to add html to it such as https://stefanolsen.com/posts/adding-dynamic-html-to-property-templates-in-episerver/

#302773

Edited, Jun 01, 2023 8:43

Mateusz

Vote:

Html.PropertyFor should create unique id that you can
> document.getElementById("uniqueId").addEventListener("click", myJsFunction);

#302774

Jun 01, 2023 8:45

- Jun 01, 2023 8:51

JS is an option, although I don't believe there's any unique IDs added on (unless custom) when rendered in the non edit view but you can pass an id value or class as a parameter the Html.PropertyFor attributes collection