Assemble Pages

ZEUSDEL platform provides a wide range of pre-set UI components for user interaction with the system's functionality. In the following example, we use simple components to assemble a page.

When filling in page data, you can use data tables or data forms to input the page data

Step 1 ： Create Data Form

Select the layout dialog, and within the dialog, place a form container.

Within the form container, select form components to design the page. Drag and drop the necessary components into the form container.

Step 2 ： Data Interaction - Data Addition

After filling out the form, when you click the 'Submit' button, you can submit the data to be written into the database.

To configure the action of the 'Submit' button, you need to configure the click event.

In the applicaiton action, you can select actions to the invoke data method.

In the event configuration page, select the needed data model, select invoke method to adding. Also methods of querying, deleting, updating can be selected.

You can assign the filled data to the corresponding form fields.

Complete the configuration data can be add to the data list.

Step 3 ： Data Interaction - Data Retrieve

By clicking the 'View' button in the list, a dialog is opened.

When data needs to be read, select the data dialog, and then choose data details.

In the data details, select the data model for model binding.

After binding the data model, the form fields can be automatically loaded.

Till now, the total configuration completed.