Newer
Older
Events
------
Our objective is to use the minimum of javascript.
But for now, here are some events that will be useful to you.
+------+---------+------------------------+---------------------------+
| E | Par | Fired by | Fired when |
| vent | ameters | | |
| name | | | |
+======+=========+========================+===========================+
| `` | `` | ``solid-display``, | The user clicks an child |
| reso | {detail | ``solid-calendar``, | in the list, with the |
| urce | :{resou | ``solid-map`` | resource as a detail of |
| Sele | rce}}`` | | the event. |
| ct`` | | | |
+------+---------+------------------------+---------------------------+
| ``po | `` | ``solid-display``, | The component got and |
| pula | {detail | ``solid-form``, | displayed all its datas. |
| te`` | :{resou | ``solid-calendar``, | |
| | rce}}`` | ``solid-map`` | |
+------+---------+------------------------+---------------------------+
| ``sa | `` | ``solid-form`` | The form has saved |
| ve`` | {detail | | successfully. |
| | :{resou | | |
| | rce}}`` | | |
+------+---------+------------------------+---------------------------+
Examples
~~~~~~~~
Populate
^^^^^^^^
Use to do something if and when the element is generated.
.. code:: js
element.addEventListener("populate", event => {
// Do something when the element is generated.
})
Save
^^^^
Use to do something when a form is successfully saved.
.. code:: js
form.addEventListener("save", event => {
// Do something when the form has been successfully saved.
});