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

Joget Workflow v5 Training Slides - Module 7 - Designing your first Datalist

Embed Size (px)

Citation preview

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 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 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

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 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