WaveMaker Docs

WaveMaker Docs

  • Get started
  • Widgets
  • How-to
  • Releases
  • Login
  • Start free trial

›List

Widgets & Prefabs Library

  • Widgets Library
  • Prefabs Overview

Cards

  • Overview
  • Creating a Card
  • Data Source
  • Templates
  • Configuration
  • Behavior Settings
  • Properties, Events & Methods
  • Use Cases

Data Table

  • Overview
  • Creating a Data Table
  • Data Source
  • Layouts
  • Configuration
  • Field Configuration
  • Row Expansion
  • Actions
  • Events & Methods
  • Use Cases

List

  • Overview
  • Creating a List
  • Data Source
  • Templates
  • Configuration
  • Behavior Settings
  • Properties, Events & Methods
  • Use Cases

Form

  • Overview
  • Creating a Form
  • Data Source
  • Layouts
  • Configuration
  • Fields Configuration
  • Events & Methods

Live Form

  • Overview
  • Creating a Live Form
  • Data Source
  • Layouts
  • Configuration
  • Fields Configuration
  • Actions
  • Events & Methods
  • Use Cases

Form Widgets

  • Button
  • Button Group
  • Text
  • Number
  • Textarea
  • Select
  • Chips
  • Currency
  • Radioset
  • Checkbox
  • CheckboxSet
  • Toggle
  • Switch
  • Date,  Time and  Datetime
  • Calendar
  • FileUpload
  • Color Picker
  • Slider
  • Rating Widget
  • Select Locale

Live Filter

  • Overview
  • Creating a Live Filter
  • Data Source
  • Layouts
  • Configuration
  • Field Configuration
  • Actions
  • Events & Methods
  • Use Cases

Container

  • Accordion
  • Container
  • Panel
  • Tabs
  • Tile
  • Wizard

Basic Widgets

  • Anchor
  • HTML
  • Icon
  • Iframe
  • Label
  • Message
  • Progress Bar
  • Richtext Editor
  • Search
  • Search - Basic Usage
  • Spinner
  • Tree
  • Media -  Audio,  Picture &  Video Widgets

Charts

  • Chart Widgets
  • Callback Event

Navigation

  • Breadcrumb
  • Creating a Breadcrumb
  • Dropdown Menu
  • Dropdown Menu - Basic Usage
  • Nav
  • Nav Bar
  • Popover
  • Popover - Basic Usage

Advanced Widgets

  • Carousel
  • Login
  • Marquee

Dialog Widgets

  • Modal Windows/ Dialogs
  • Alert Dialog
  • Confirm Dialog
  • IFrame Dialog
  • Design Dialog
  • Page Dialog
  • Login Dialog

Mobile & Device Widgets

  • Camera
  • Media List
  • Segmented Control
  • Barcode Scanner

Prefabs

  • Youtube
  • Googlemaps
  • QRCode
  • Box Viewer Prefab
  • OAuth

    • OAuth Prefabs
    • Box
    • Facebook
    • Google
    • Instagram
    • LinkedIn
Edit

List - Data Source


The first step in configuring a list is to define the data that needs to be displayed. This data can be in the form of Services or Widget or Existing Variable.

Variable Source

Variable binding will allow you to

    • List data from a database table through Database CRUD Variables;
      • List the results from a Web Service, Java Service or a Query;
      • List values stored in a Model.

You can either create a new variable or use existing variables. The behavior of data displayed will be defined by the Variable/Data Configuration properties. These properties are at the Variable level, you can configure them only when creating a new variable; for existing variables the properties set at the time of variable creation will be used. To modify these, you will have to go to variable dialog and make changes. Of particular interest are:

  • Records per request - this is the number of records that will be displayed on a page. Configure the Pagination property to enable user navigation to various pages of data;
  • Update data on input change - this property defines when the data displayed will be refreshed. When enabled the data is reloaded whenever the input to the Variable (in the form of filter fields for Live and parameter values for Database APIs Variable) changes;
  • Request data on page load - enabling this property will ensure that the data within the data table is loaded at the time of page load.

Widget Source

Widgets can be a source of data in some cases. For example, you might want to display the results from a Live Filter or more details of a selected row/item from a Data Table or another List. Widget option will allow you to achieve this. Selecting Widget as the data source will display the various options available.

Last updated on 10/18/2019 by Swetha Kundaram
← Creating a ListTemplates →
  • Variable Source
  • Widget Source
WaveMaker
  • PRICING
  • PARTNERS
  • CUSTOMERS
  • ABOUT US
  • CONTACT US
Terms of Use | Copyright © 2013-2019 WaveMaker, Inc. All rights reserved.