Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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. 

...

Table of Contents
maxLevel4

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)

...

ParameterValue
entityFile
noinstancecontainerNoItems
headercontainerHeaders
sortattributeFileUploadDate
sortorderdescending
pagingsize5

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:

...