The model is responsible for:
This is done with the help of bind elements.
The <fx-model>
element is a direct child of <fx-fore>
and is itself a container for:
<fx-instance>
elements<fx-bind>
elements<fx-submission>
elements<fx-function>
elementsWarning:
<fx-model>
must be in front of Fore UI elements due to not fully understood Web Components behaviour.
<fx-fore>
<fx-model>
<fx-instance><fx-instance>
<fx-instance id="second"><fx-instance>
<fx-instance id="third"><fx-instance>
<fx-bind></fx-bind>
<fx-bind></fx-bind>
...
<fx-submission id="load"></fx-submission>
<fx-submission id="save"></fx-submission>
</fx-model>
<!-- UI here -->
</fx-fore>
If there’s more than one <fx-instance>
or <fx-submission>
you need
to add an id
attribute for identification.
none
Event | Description | Details |
---|---|---|
model-construct | first event to be emitted by Fore | - |
model-construct-done | emitted when model has been initialized | - |
rebuild-done | when a rebuild has taken place | ‘maingraph’ - the maingraph object being used |
recalculate-done | when a recalculation has taken place | ‘subgraph’ - the subgraph object being used |