Whether the application is good or not, the user experience is very important. Jabdp has integrated rich UI components and bound them with fields.
1. Drop-down box (combobox)
The drop-down box is the most commonly used control. How is it implemented?
In the field properties, edit the type and select [comboBox], then [Data source settings], there are three options for data source settings, namely fixed value, sql statement, and module.
Option 1: The data source is a fixed value
The data source is relatively simple. The field key is the actual value stored in the database, and the caption is the value displayed in the drop-down box. For example, the product type is seasoning, and it is 1 when stored in the database. This makes it easy to use and maintain.
Save the update, the drop-down box can be generated.
Although the data source is a fixed value, although the configuration is simple, it lacks flexibility and is more suitable for situations where there are not many options.
Option 2: The data source is a module
When there are many options, other modules or dictionary tables can be referenced as data sources, which is easy to modify and maintain.
This is an example of the data dictionary created in the previous chapter, using it as the data source.
Option 3: The data source is SQL statement
Select [SQL Statement] > [SQL Edit] > [Add]
Save the update, the drop-down box can be generated.
2. Drop-down query box (ComboBoxSearch)
When there is a lot of data in the drop-down box, it is more troublesome to find what you want to choose.
Change the edit type of the field from ComboBox to ComBoxSearch, save the update, and you can implement the fuzzy query of the drop-down box.
3. Multiple selection box
Check [Allow multiple selections] and save the update to turn it into a multiple selection box.
4, radio / check box (CheckBox)
Select [CheckBox] for the edit property of the field, and [Data Source Settings] is the same as the setting method of the drop-down box. [Allow multiple selection] Check it to turn it into a checkbox.
achieve effect
5. Date control (DataBox)
The field type is configured as [Time], and the edit type is selected as [DataBox].