Loaders¶
Loaders are the tools that turn HTML events into events and building blocks. The process is initiated by the load()
method, which is also `publically available`_ <public.rst> as p.load()
. Whenever HTML is being rendered, it should be followed by this method to capture any newly inserted DOM elements. This should be
Types¶
Links¶
Anchors ``<a>``: By default all anchor elements will have their default behavior removed, and instead will trigger one of two options:
- If your `CONFIG`_ is setup for server side rendering, then it will trigger the
trigger_call
method. See `server side rendering`_ and `elements`_ for more details.- If your CONFIG is setup for client side rendering, then it will trigger the `router`_ .
You can opt out of this default behavior by adding ignore-self
, or exclude
as the element’s class.
NOTE: Make sure to exclude your element if you want to assign a different click event to it.
Any element with ``[data-url]``: By adding the data-url
attribute, any element can become a link. This is useful when you want an antire row of a table to be clickable.
Events¶
There are two events that are emitted during the load()
. You can hook into it with your own functionality by adding an event for preLoaders
and postLoaders
.
p.events.add('preLoaders', function () {
console.log('Do something great./');
});
.. _router: http://
.. _elements: http://
.. _server side rendering: http://and `elements`_
.. _elements: elements.rst
.. _CONFIG: http://