joget workflow v4 training - module 7 - designing your first datalist

28
All Rights Reserved © Joget Inc Joget Workflow v4 Designing your first Datalist http://facebook.com/jogetworkflow http://twitter.com/jogetworkflow Last Revised on March 2015 Joget Inc Internal Use Only

Upload: joget-workflow

Post on 19-Jul-2015

127 views

Category:

Software


5 download

TRANSCRIPT

Page 1: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 2: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 3: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Content

1. Introduction to Datalist Builder

2. Designing your first Datalist

Joget Inc Internal Use Only

Page 4: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Chapter 1

Introduction to DatalistBuilder

Joget Inc Internal Use Only

Page 5: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget IncJoget Inc Internal Use Only

Page 6: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 7: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 8: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 9: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Retrieving Records from Form Data Table

• What happens to all the submitted leave applications?

Joget Inc Internal Use Only

Page 10: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Extends default capabilities of Task Inbox

Joget Inc Internal Use Only

Page 11: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 12: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Chapter 2

Designing your first Datalist

Joget Inc Internal Use Only

Page 13: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Create a New Datalist

Joget Inc Internal Use Only

Page 14: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 15: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 16: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Select binder in Datalist Builder

Select Form Data Binder

Joget Inc Internal Use Only

Page 17: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Select binder in Datalist Builder

Select Form

Joget Inc Internal Use Only

Page 18: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Adding columns into the Datalist

Joget Inc Internal Use Only

Page 19: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Adding Filter into the Datalist

Joget Inc Internal Use Only

Page 20: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Preview Datalist

Joget Inc Internal Use Only

Page 21: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 22: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 23: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 24: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 25: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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

Page 26: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Module Review

1. Introduction to Datalist Builder

2. Designing your first Datalist

Joget Inc Internal Use Only

Page 27: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

All Rights Reserved © Joget Inc

Recommended Further Learning

• Embedding Datalist into a Userview for end-user presentation.

Joget Inc Internal Use Only

Page 28: Joget Workflow v4 Training - Module 7 - Designing your first Datalist

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