Basic List

The basic list is a simple list with only an icon and a one-line string. It is effective for use in applications with small space requirements, such as mobile applications.

Properties

UI Dialog

Item	Input value	Option	Default value
ID	string		automatic
Width	number		320
Height	number		240
X	number
Y	number
Visibility	boolean	• on • off	on
Value	string		details 1
Click Event	select	• None • Action	Action

Action

Item	Properties	Data Type	Options	Default value
ID	id	string		automatic
Width	width	number		320
Height	height	number		240
X	x	number
Y	y	number
Visibility	visibility	boolean	• true • false	true
Value	value	array of object		details 1

Tips

Tips

• The "id" property cannot be set by an action.

[Details 1] Value

The default status is registered as follows. Register from the "Add" button. To delete, select the check box and click the "Delete" button.

Selection	ID	icon	Primary	Divider
Checkbox	item1	Inbox	Inbox	none
Checkbox	item2	Drafts	Drafts	none

"value" is in the form of an array of objects.
[{"id":"item1","icon":"Inbox","primary":"Inbox","divider":"none"},{"id":"item2","icon":"Drafts","primary":"Drafts","divider":"none"}]

Tips

Tips

• The property choices for the divider are none | fullWidth | middle | inset.
• Please refer to the following URL for more information on the appearance of icons. https://material-ui.com/components/material-icons/

Event

Event name	Description
onclick	Performs an action when clicked.

The "selected" property allows you to retrieve the object in the row you clicked on.

Item	Example
Acquisition method	$ui.basic_list_id.selected
Obtained value	{“id”:“item1”,“icon”:“Inbox”,“primary”:“Inbox”,“divider”:“none”}