HTML5 Details View
This generator helps you create a standard HTML5 details view based on a single XomegaJS
Framework data object defined in the object model, which the generated form will
use as a data model to bind the controls to. The data object name must be specified
in the generator's configuration (the Details Object parameter) and may be built
out of multiple model structures or operations.
The generator arranges all data properties of the data object in a two-column grid
on the form using HTML controls that are based on the logical types of the corresponding
parameters in the object model and the mappings to the HTML controls as specified
by the configuration of those logical types. The child object lists are then added
as data grids at the bottom of the form.
The controls and grids are bound to the underlying data properties and child object
lists, which can automatically provide all the features supported by the XomegaJS
Framework, such as
- formatting values according to the property configurations;
- highlighting required fields, e.g. with a bold label;
- disabling fields that are not editable;
- displaying validation errors for each field;
- providing a list of possible values for drop down lists and lists boxes;
- displaying decoded values based on the lookup tables, etc.
This generator can be rerunnable during initial prototyping phase to allow quickly
visualizing the object model. However, you will eventually want to edit the generated
code manually to remove columns or fields that should not be displayed and perhaps
add other controls or rearrange the controls on the view. At this point you may
want to rename the generated file, so that the generator doesn't accidentally override
it or delete it during the cleanup operation. This is why it is recommended to make
the generated files start with an underscore to distinguish them from non-generated
Below is a sample view that was generated by this generator.