Skip to main content

List

List​

The List component is similar to a Container in that you can nest other components inside of it.

Drag components to list​

When you drag a List component to the Frame, it automatically includes some components. You can deleted or modify them and drag new components into list.

Only the first item can be edited, and others will automatically change based on the first item. You can also focus on the first item and drag the bar to change the height items.

Display query results in a list​

When you drag a List component to the Frame, it automatically displays the test data in JSON format. You can change the data source to an action by using {{ mysql_list_query.data }}.

After setting the data source, you can change the data of components:

  1. Select the component in the first item.
  2. If the component data is from the list, you can set the data by using {{ currentItem.columnName }} . For example, you can set the image source with the {{ currentItem.Avater }}. Avater is a column from the data source of the list.

You can use {{ currentItem.columnName }} only when the components are in the list.

Use the data of list​

You can use the data of selected items by using {{ list1.selectedItem.columnName }}. Or use any data of list by using {{ list1.dataSource[n].columnName }}