How to show a list of files

To be able to display a list of files, the AQ_InstanceList container is can be used. The AQ_InstanceList container replaces the AQ_InstanceSelector(Plus) and has improved features like a search box and paging.
 

Step-by-step guide

This How-to will show you how to create and use the InstanceList in combination with a multiple file upload. 

More details about the multiple file upload can be found here: How to handle multiple files

Configuration

Not applicable

Create an AQ_InstanceList container

Follow the steps below to model a list of files.

Create an entity and attributes

1. Create an entity with the name 'File'
2. Create the following attributes:

• ID (String
• Name (String)
• SizeIn KB (String)
• UploadDate (Datetime)

Create a delete button and an event

1. Create a delete button.
2. Create a delete event.

Create a download container

1. Create a File Download container, see AQ_File_Download
   
   Parameters Download container
   Connection: the name of the connection
   FileID: the id of the file that is downloaded by this container
   ButtonText: Displays this text on the download button
   ButtonPresentationStyle: adds this presentation style to the download button

Create table headers

To create a nice-looking table with the proper headers create a new Container e.g. 'Headers'

In this container add the required assets for the column names.

Create the AQ_instanceList container

1. Create a container with container type AQ_InstanceList

2. In the containment include the attributes you want to display (in the body)
   1. Insert the delete button.
   2. insert the download Container (optional)
      
      

These parameters are used for this how to. See also AQ_InstanceList

Create a page

Create a page (eg. StartPage) to display your list of instances

Create a flow

Create and expose a flow to view your project in Runtime.

1. insert your page (StartPage)
2. connect the delete service
3. expose and save the flow

View the runtime application

Now you are able to view your project and the instance list in the Runtime. In the standard styling it will be presented as follows:

1. Search box: the search box can be used to find instances. The search will be executed in every column.
2. Columns: the columns will be displayed with the headers as you modeled in studio.
3. Body: in the body all data will be displayed as well as the download and delete links.
4. Paging: on the bottom of the container the paging bar is displayed.
5. Sorting: every column can be sorted by clicking the column header.