Axure Docs
  • Axure RP Reference
  • Axure RP Tutorials
  • Axure Cloud Reference
  • Support
  • Download

›The Repeater

Installing and Activating RP

  • Activating Axure RP 10
  • Installing on macOS
  • Installing on Windows
  • Axure License Portal

Getting Started

  • Getting Started Video
  • The Axure RP Environment
  • Viewing and Sharing Your Prototypes
  • Keyboard Shortcuts
  • Auto-Saved Backup Files

Working with Widgets

  • Organizing Widgets
  • Widget Groups
  • Styling Widgets
  • Widget Libraries
  • The Grid, Guides, and Snapping

Basic Widgets

  • Buttons, Shapes, & Text
  • Images
  • Hot Spots
  • Lines & Arrows
  • Dynamic Panels
  • Inline Frames
  • Text Fields & Text Areas
  • Droplists
  • List Boxes
  • Checkboxes
  • Radio Buttons
  • Trees
  • Tables
  • Classic Menus
  • Snapshots

Working with Pages

  • Managing Pages
  • Styling Pages

Components

  • Creating and Using Components
  • Component Views
  • Raised Events

Introduction to Interactions

  • Events, Cases, and Actions
  • List of Events
  • List of Actions
  • Text Links
  • Style Effects
  • Animations

Advanced Interactions

  • Variables
  • Conditional Logic
  • Math, Functions, and Expressions
  • Selection Groups
  • Move Action Boundaries

The Repeater

  • Repeaters
  • Dynamically Adding Rows
  • Dynamically Deleting Rows
  • Updating Rows
  • Marking Rows
  • Sorting Rows
  • Filtering Rows
  • Pagination

Adaptive Views

  • Adaptive Views

Documenting Your Prototype

  • Page and Widget Notes
  • The Word Specification
  • Printing

Flow Diagrams

  • Flow Diagrams
  • Flow Connectors

Publishing Your Prototype

  • The Prototype Player
  • Customizing the HTML Output
  • Web Fonts and Font Mapping

Team Projects

  • Team Projects Overview
  • Creating and Sharing Projects
  • Working with Team Projects
  • Team Project History
  • Troubleshooting Team Projects
  • Upgrading RP 9 Team Projects to RP 10
  • Upgrading RP 8 Projects to RP 10

Updating Repeater Rows

In this tutorial, you'll learn how to dynamically update data in a repeater's dataset using the Edit Row Data action.

Note

Click here to download the completed RP file for this tutorial.

1. Widget Setup

  1. Open a new RP file and open Page 1 on the canvas.

  2. Drag a rectangle widget onto the canvas, right-click it, and select Create Repeater from the context menu.

  3. Edit the Column1 cells to be numbered from 1-3.

2. Update the Row's Column1 Value When the Rectangle Is Clicked

  1. Select the rectangle widget and click New Interaction in the Interactions pane.

  2. Select the Click or Tap event in the list that appears, and then select the Edit Row Data action.

  3. Select the repeater widget in the Target dropdown.

  4. Leave the This radio button selected.

  5. Click +Select Column and select Column1 in the list.

  6. Leave Value selected in the dropdown that appears, and enter Clicked! in the text field next to it.

  7. Click OK to save the action.

3. Preview the Interaction

Preview the page in your web browser and click a rectangle in the repeater. Its text should update to "Clicked!".

← Dynamically Deleting RowsMarking Rows →
  • 1. Widget Setup
  • 2. Update the Row's Column1 Value When the Rectangle Is Clicked
  • 3. Preview the Interaction
Axure Docs
Stay Connected

Sign up to receive Axure tutorials and news. You can unsubscribe at any time.

Axure
Axure RP 10Axure CloudEnterpriseCompanyDownloadPurchase
Legal
Customer AgreementPrivacy PolicyGDPRSecurityPatents
Resources
BlogForumLicense Portal
Support
Learn and SupportGetting StartedReferenceWidget LibrariesAxure RP 9 Documentation and Tutorials
Copyright © 2002–2023 Axure Software Solutions, Inc. All rights reserved. Axure® is a registered trademark of Axure Software Solutions, Inc.