joget workflow v4 training - module 7 - designing your first datalist
TRANSCRIPT
All Rights Reserved © Joget Inc
Joget Workflow v4
Designing your first Datalist
http://facebook.com/jogetworkflowhttp://twitter.com/jogetworkflow
Last Revised on March 2015Joget 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 Builder
2. Designing your first Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Chapter 1
Introduction to DatalistBuilder
Joget Inc Internal Use Only
All Rights Reserved © Joget IncJoget 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
Plugin Types
Joget Workflow
Form
Builder
Datalist
Builder
Workflow
Engine
Userview
Builder
- APP -
Form Builder
• Form Element
• Form Permission
• Form Load Binder
• Form Options Binder
• Form Store Binder
• Form Validator
Workflow Engine
• Deadline
• Process Participant
• Process Tool
Datalist Builder• Datalist Action• Datalist Binder• Datalist Column
Formatter• Datalist Filter Type
Userview Builder
• Userview Menu
• Userview Permission
• Userview Theme
App Level
• Audit Trail
• Hash Variable
System Level
• Directory Manager
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Retrieving Records from Form Data Table
• What happens to all the submitted leave 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
Chapter 2
Designing your first Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Create a New Datalist
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
Adding columns into the Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Adding Filter into the Datalist
Joget Inc Internal Use Only
All Rights Reserved © Joget Inc
Preview Datalist
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 favourite link of yours and configure the parameters to include one of the columns’s 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 Builder
2. 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
• www.joget.org
• community.joget.org
• twitter.com/jogetworkflow
• facebook.com/jogetworkflow
• youtube.com/jogetworkflow
• slideshare.net/joget
Joget Inc Internal Use Only