RE: Advance Editable Grid - Insert, Delete and Update data in a CDT when users add, delete and make changes to grid rows

nanfak — Fri, 29 Jan 2021 11:52:11 GMT

Hi Amrit Verma,

Please can I suggest that you post this question as a new question? I don't think it's getting viewed under this question, as the original question has already been answered.

Best wishes.

RE: Advance Editable Grid - Insert, Delete and Update data in a CDT when users add, delete and make changes to grid rows

amritv308 — Wed, 27 Jan 2021 07:29:26 GMT

How we can insert data into CDT from an editable grid which contains integer & textfield data and generated using forEach() method with gridRowLayout() function. Can anyone suggest here because i am new in Appian development.

My Editable grid Code:

######################################################################################

=a!localVariables(
local!items: {
{id:"Core",jan: 0, feb: 0, mar: 0, apr: 0, may: 0, jun:0, jul: 0, aug: 0,sep:0, oct: 0,nov: 0, dec :0},
{id:"External",jan: 0, feb: 0, mar: 0, apr: 0, may: 0, jun:0, jul: 0, aug: 0,sep:0, oct: 0,nov: 0, dec :0},
{id:"Internal",jan: 0, feb: 0, mar: 0, apr: 0, may: 0, jun:0, jul: 0, aug: 0,sep:0, oct: 0,nov: 0, dec :0},
{id:"Material",jan: 0, feb: 0, mar: 0, apr: 0, may: 0, jun:0, jul: 0, aug: 0,sep:0, oct: 0,nov: 0, dec :0},
{id:"Transmission",jan: 0, feb: 0, mar: 0, apr: 0, may: 0, jun:0, jul: 0, aug: 0,sep:0, oct: 0,nov: 0, dec :0}
},
a!gridLayout(
label: "Forecast",
headerCells: {
a!gridLayoutHeaderCell(label: "", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "January", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "February", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "March", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "April", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "May", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "June", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "July", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "August", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "September", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "October", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "November", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "December", align: "RIGHT"),
a!gridLayoutHeaderCell(label: "Total", align: "RIGHT")
},
columnConfigs: {
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW"),
a!gridLayoutColumnConfig(width: "NARROW")
},
rows: {
a!forEach(
items: local!items,
expression: a!gridRowLayout(
contents: {
a!textField(
label: "Core" & fv!index,
value: fv!item.id,
saveInto: fv!item.id,
align: "LEFT",
readOnly: true
),
a!integerField(
label: "Jan" & fv!index,
value: fv!item.jan,
saveInto: fv!item.jan,
align: "RIGHT"
),
a!integerField(
label: "Feb" & fv!index,
value: fv!item.feb,
saveInto: fv!item.feb,
align: "RIGHT"
),
a!integerField(
label: "Mar" & fv!index,
value: fv!item.mar,
saveInto: fv!item.mar,
align: "RIGHT"
),
a!integerField(
label: "Apr" & fv!index,
value: fv!item.apr,
saveInto: fv!item.apr,
align: "RIGHT"
),
a!integerField(
label: "May" & fv!index,
value: fv!item.may,
saveInto: fv!item.may,
align: "RIGHT"
),
a!integerField(
label: "Jun" & fv!index,
value: fv!item.jun,
saveInto: fv!item.jun,
align: "RIGHT"
),
a!integerField(
label: "Jul" & fv!index,
value: fv!item.jul,
saveInto: fv!item.jul,
align: "RIGHT"
),
a!integerField(
label: "Aug" & fv!index,
value: fv!item.aug,
saveInto: fv!item.aug,
align: "RIGHT"
),
a!integerField(
label: "Sep" & fv!index,
value: fv!item.sep,
saveInto: fv!item.sep,
align: "RIGHT"
),
a!integerField(
label: "Oct" & fv!index,
value: fv!item.oct,
saveInto: fv!item.oct,
align: "RIGHT"
),
a!integerField(
label: "Nov" & fv!index,
value: fv!item.nov,
saveInto: fv!item.nov,
align: "RIGHT"
),
a!integerField(
label: "Dec" & fv!index,
value: fv!item.dec,
saveInto: fv!item.dec,
align: "RIGHT"
),
a!textField(
label: "Total" & fv!index,
value: dollar(sum(fv!item.jan, fv!item.feb, fv!item.mar,fv!item.apr,
fv!item.may,fv!item.jun,fv!item.jul,fv!item.aug,
fv!item.sep,fv!item.oct , fv!item.nov,fv!item.dec)),
readOnly: true,
align: "RIGHT"
)
},
id:fv!index
)
),
a!gridRowLayout(
contents: {
a!richTextDisplayField(
labelPosition: "COLLAPSED",
value: a!richTextItem(
text: "Total",
style: "STRONG"
)
),
a!textField(
value: "$" & sum(local!items.jan) & ".00",
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.feb)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.mar)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.apr)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.may)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.jun)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.jul)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.aug)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.sep)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.oct)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.nov)),
readOnly: true,
align: "RIGHT"
),
a!textField(
value: dollar(sum(local!items.dec)),
readOnly: true,
align: "RIGHT"
),
a!textField(
/*value: "$" & local!forecast_cost & ".00",*/
value: dollar(sum(local!items.jan,local!items.feb,local!items.mar,local!items.apr,local!items.may,local!items.jun,
local!items.jul,local!items.aug,local!items.sep,local!items.oct,local!items.nov,local!items.dec)),
readOnly: true,
validations: {if(
sum(local!items.jan,local!items.feb,local!items.mar,local!items.apr,local!items.may,local!items.jun,
local!items.jul,local!items.aug,local!items.sep,local!items.oct,local!items.nov,local!items.dec) < 1,
"You must Enter atleast one Cost",
""
)},
align: "RIGHT"
)
}
)
},
rowHeader: 1
)
)

######################################################################################################

==========================

CDT FIELDS:

JAN

FEB

MAR

APR

MAY

JUN

JUL

AUG

SEP

OCT

NOV

DEC

==================================

RE: Advance Editable Grid - Insert, Delete and Update data in a CDT when users add, delete and make changes to grid rows

aloks0189 — Wed, 03 Oct 2018 00:54:32 GMT

Please find the inline answers to the requested queries below:

1. Can I call up data rows that were previously entered into the grid to show up in an editable grid in a later task in the process?

Ans)Yes you can, if the previously entered data is persisted into the Database (or) at least available in the process variable, then you can populate the previously entered data in a later task.

2a. When a user edits a row, can the data be immediately updated in the database through the CDT?

Ans) Yes, data can be immediately updated into the database using the smart service function (i.e. either a!writeToDataStoreEntity(), a!writeToMultipleDataStoreEntities(), a!startProcess() which triggers a process to perform DB operation or using Web API Call) under the saveInto of the fields, but i would recommend persisting the changes upon button/task submit via process, to avoid multiple DB call, and also it will be easy to monitor if any issue occurred. However requirement may vary and hence implementation approach can also vary.

2b. When a user inserts a row, can the data be immediately inserted in the database through in the CDT?

Ans) Yes, here again the approach can be same as 2a

2c. When a user deletes a row, can the data be immediately deleted from the database through the CDT?

Ans) Yes, here again the approach can be same as 2a with only one change, we need to use a!deleteFromDataStoreEntities() smart service function instead of a!writeToDataStoreEntity() or a!writeToMultipleDataStoreEntities()

Also it will be worth checking this link to understand how an editable grid works while performing Create/Update/Delete Operation.

Also i would recommend you to explore SAIL Recipes in order to understand the core functionality and behavior of SAIL.

Hope this will help you.