ProtectedaddAdds elements that have a specific attribute which value is a selector pointing to one or several elements; the target element(s). The elements are grouped per target element pointed to.
A separate target list is used, so that multiple aTargetToSourceMap instances can be used that use the same target but point to different type of sources.
The allows for a single event handler. The event handlers should handle all the different types of sources pointing to the same target.
The attribute that contains the selector. The sources are the elements containing this attribute. The targets are the elements pointed to by the selector value of the attribute.
Target elements are added to this list. If the target is already in the list, it will not be added again.
A map that contains the source elements grouped per target element.
Optional event to listen for at the target element(s). It will be set only once at each target.
A handler that is called with the target element that triggered the event.
Event group to use. If empty, the event listener just gets added to the target.
ProtectedgetGets the target element(s).
Element to get the target element(s) from.
Either one of the predefined values or a selector.
list of elements (can be empty)
Initializes the helper. This will call the scan method once the DOM has been loaded.
Scans the current dom, update the dom and install listeners where necessary.
This method must support being called multiple times.
ProtectedshowShows an element by update the classes or display style. See the description of the UFHtmlHelper for details.
Add
data-uf-details-collapseto a<details>; the value is a selector that points to a clickable element. When the clickable element is clicked, the<details>will collapse.Add
data-uf-details-expandto a<details>; the value is a selector that points to a clickable element. When the clickable element is clicked, the<details>will expand (open).