Versions Compared

Old Version 11

changes.mady.by.user DonutMaster

Saved on

compared with

New Version Current

changes.mady.by.user Ahmad

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Introduction

English

The List Grid is best described similar to a Form Grid, but with the capability to add new records from a List instead.

The Advanced Grid is only available on Professional and Enterprise Edition.

Get Started

The easiest way to see how the List Grid works is to create a new app. Here are the steps:

...

NameDescription
Validator

Attach a Validator plugin to validate the input value.

Info
titleWhen will validation takes place?

Validation will take place whenever a form is submitted except when it is submitted as "Save as Draft".

Available options:

  • BeanShell (Multirow)
  • Grid
Unique ColumnColumn/Field ID to identify record ID.
Min Number of Row Validation (Integer)
Min Number of Row Validation (Integer)
Max Number of Row Validation (Integer)
Max Number of Row Validation (Integer)
Error Message
Error message to be shown when row requirements set above is not met.


Data BinderStore

NameDescription
Load Data From

Load Data From allows you to customize the method for data retrieval to populate the list grid in the form.

Save Data To

Save Data To  allows you to customize the method on how the list grid row records are saved to.

This option is empty by default. An empty binder Data Store means that the list grid records will be saved/loaded as a JSON format in the parent form & database table. See the list of available  Form BindersData Stores.

The recommended binder Data Store to use is the  Multirow Form BinderData Store  so that each record is saved into a child database table via a subform definition. The binder Data Store will update the foreign key "parent id" into each child record to point to the parent database table.

...

NameDescription
Delete Associated Grid Data?

If the popup form has a grid element(s), this option will delete the inner grid data.

Panel
borderColor#ffa700
borderWidth1
titleBGColor#ffdb99
borderStylesolid
titleCaution

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

These options traverse the entire form tree. Upon encountering a 'false' condition, it will move on to the next grid/child element.

Example: Consider that the popup form has a form grid, form grid has a subform, subform has a file upload element with abc.pdf. If all options are checked, abc.pdf will be deleted. If all except ONE of the options is checked, abc.pdf will NOT be deleted.

Delete Associated Child Form Data?

If the popup form has a child element(s), this option will delete the child data.

Panel
borderColor#ffa700
borderWidth1
titleBGColor#ffdb99
borderStylesolid
titleCaution

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

Delete Files?

If the popup form contains a file upload element, this option will delete the actual uploaded file(s).

Panel
borderColor#ffa700
borderWidth1
titleBGColor#ffdb99
borderStylesolid
titleCaution

These 3 options: (Delete Associated Grid Data, Delete Associated Child Form Data, Delete Files), in combination, does apply to nested grid/child elements.

Abort Related Running Processes?If there are process instances related to the deleted row, these options will abort those process instances.


Panel
borderColorpurple
bgColorwhite
titleColorblack
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew feature

New feature in Joget DX 8 version 8.1 onwards

Bulk Deletion
  • List Grid now accepts the action to bulk delete rows of data (temporary deletion). Denoted by a simple check box, users can select the records they want, or select the check box on the header to select al the rows.
  • Select/Deselect row(s) using the checkbox, and click on the trash icon above the table to delete row(s) of table.

Image Added


Advanced

NameDescription
URL Request Parameters for List

Refine the target Data List selections by defining the filter criteria here.

NameDescription
ParameterTarget Data List filter parameter name
Field IDCurrent form element field ID
Default ValueDefault Value for the search parameter

...