Axurerp7.0 basic tutorial series parts Repeater

Prototype library website-Original release of lecturer Jin Wu, which can be freely reproduced. Please indicate the source!

Axure Official Website: www.axurerp.cn

 

Axurerp7.0 parts details

Repeater overview repeater Overview

A repeater is an advanced component used to display duplicate texts, images, and links. A repeater is usually used to display a product list, contact information list, data table, or other items.

Composition of Repeater2 parts ofrepeater

Repeater dataset repeater Dataset

The repeater component is filled by data items in the repeater dataset. These filled data items can be text, images, or page links.
Double-click the repeater To Go To The repeater dataset. You can see the leftmost tag on the panel at the bottom of the page.

 

Repeater item

The layout repeated by the relay part is called a project. Double-click the relay part to enter the relay item for editing.
The widget displayed in the editing view displayed on the right is repeated multiple times (several rows in the dataset are repeated several times ).

 

Fill data in the design area

Use each loaded item to fill in data into the design area populating data into the design areawith onitemload

Load current events for each item

 

• Insert text inserting text

Double-click the onitemload event when each item is loaded and use the set text action to insert text to your repeater.
In the use case Editor, select set text action and select the text part you want to insert on the right of the use case editor, click set text to value in the lower right corner to open the edit text and then click Insert variable or function to select the variable [[item. columnname] and click OK.

When your repeater item is loaded, the content of the column in the dataset is inserted into the text part you just set.
 

Insert an image into a repeater

• Insert image inserting text

Import the image to the dataset and insert the image to the repeater using the set image setting action.

In the repeater dataset, right-click the item to insert an image, click Import image, and add the image. double-click the onitemload event when each item is loaded to add the set image action. select the part to insert the image to, select the value from the default drop-down list, and click FX on the right to select [[item. columnname], click OK.

Use interaction in components contained in a repeater

Using repeater data in interactions on contained Widgets

Data of a repeater can be added for interaction, such as adding page links based on condition judgment.

Repeater Data Interaction

 

• Insert page Link (reference page) Inserting page links

You can add reference pages (page links) to the items in the repeater dataset to jump to the relevant page when you click.

Right-click a blank item, select reference page, and select page.

In the ultimate step, select a part for which you want to trigger the page Jump action, and add the action to it to open link in currentwindow on the current page, select link to external URL or file link toan external URL or file, and click FX, in the edit value window that appears, click Insert variable or function. In the drop-down list, select the column name on the reference page added to the dataset.

 

 

Usage conditions

 

• Use Condition Using Conditions

Item values in a dataset can be evaluated using actions with specific conditions. For example, you can set a column named "Age" in a dataset. If the value is greater than 16, it is set to the selected status, in this way, specific data items can be highlighted.

 

Repeater format

Repeater formatting

Repeater format

 

Layout:This setting allows you to change the data display mode.

Vertical vertical:Set vertical/vertical display of items in the repeater dataset.

Horizontal horizontal: Sets the horizontal/horizontal display of items in the repeater dataset.

Newline wrap Grid: If the specified number is exceeded, newline/column replacement is enabled.

Number of entries in each column items per column:Set the number of data items contained in each row/column.

 

Item background color item background:Add background color to the repeater

Background Color back color:Add a background color for each repeater item.

Alternate background color alternating color:Add an alternate background color to the repeater item.

 

Pagination:Set to display items of a specified number of datasets at the same time.

Multi-page multiple pages:Place the items in the repeater on multiple pages to switch to display.

Number of items per page:Set the number of items displayed on each single page.

Starting page:Set the page to display by default.

Spacing:Set the interval between rows and columns

Row:Sets the size of pixels that are separated by data in each row.

Column:Set the pixel size between each column of data.

Advanced tutorial on repeater Components

Sort

Filter

Paginate

 

Axurerp7.0 basic tutorial series parts Repeater