Post on 15-Apr-2017
All Rights Reserved © Joget Inc
Joget Workflow v5
Designing your first Datalist
http://facebook.com/jogetworkflowhttp://twitter.com/jogetworkflow
Last Revised on May 2016Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Prerequisites
• Designed a form• Understand how basic data storage works• Knowledge on ER diagram or database system is
recommended
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Content
1. Introduction to Datalist Builder2. Designing your first Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Chapter 1
Introduction to Datalist Builder
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Datalist Builder
• Listing of records / generating reports.• Little/No programming knowledge needed to operate.• Retrieving records from Form Data Table*• Extends default capabilities of task inbox.• Extensible functionalities through Joget’s plugin
architecture.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Datalist Builder
• Columns and action elements. • Each action element is a plugin.• Drag-and-drop.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Retrieving Records from Form Data Table
• What happened to all the submitted applications?
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Extends default capabilities of Task Inbox
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Chapter Review
• General understanding of the Datalist Builder and its functionality.
• General understanding on its elements and its extensibility capability.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
How to retrieve all records submitted?
• Retrieving records using Datalist from selected Form by using a selected Binder.
Form
Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Datalist Binder
• Datalist Binder is an extensible element that populates the dataset required by the Datalist Builder.
• Form Data Binder is the default binder used to retrieve form data saved by the default store binder of the Form Builder.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Select binder in Datalist Builder
Select Form Data Binder
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Select binder in Datalist Builder
Select Form
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
How to Publish the Datalist?
• List can be made accessible by others by using Userview.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Exercise
• For the search filter “status”, configure it to become a dropdown list.
• Mouse over to the existing filter > Edit > Type > Options.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Exercise
• Make the Name column bold by configuring its Properties.
• Properties -> Formatter -> Default Formatter -> Bold
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Exercise
• Add a Datalist Action – Link.• Point to a favorite link of yours and configure the
parameters to include one of the columns’ ID.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Chapter Review
• Learn on how to create a Datalist• Derive dataset from existing Form Data Table through the
use of Datalist Data Binder
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Module Review
1. Introduction to Datalist Builder2. Designing your first Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Recommended Further Learning
• Embedding Datalist into a Userview for end-user presentation.
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Stay Connected with Joget Workflow
• http://www.joget.org • http://community.joget.org • http://twitter.com/jogetworkflow • http://facebook.com/jogetworkflow • http://youtube.com/jogetworkflow • http://slideshare.net/joget
Joget Inc Internal Use Only