Paging Grid - Pagination on Click

RE: Paging Grid - Pagination on Click

Aditya — Mon, 14 May 2018 05:35:03 GMT

Declare your local!rowData inside load and then see. I think it should work then.

RE: Paging Grid - Pagination on Click

bpmnewb — Mon, 14 May 2018 05:28:05 GMT

Hi ,
Yes, I am able to save the grid selected row data into a local variable (local!rowData). I would need to display the entire selected row data in a section layout which I am not able to do so as I have a grid field (data subset on search button) within a section layout and not able to display selected row data in another section layout within as below:

a!sectionLayout(
contents: {
a!gridField(
label: "Expedite Line Section",
totalCount: if(local!datasubset.totalCount=0,1,local!datasubset.totalCount),
emptyGridMessage: "Please enter a valid number order number to search for eligible lines ",
columns: {
a!gridTextColumn(
label:"Line Number",
field:"line_number",
data:index(local!datasubset.data,"line_number","")
),
a!gridTextColumn(
label:"Order Number",
field:"order_number",
data:index(local!datasubset.data,"order_number","")
)
},
identifiers:index(local!datasubset.data, "line_id" , "{}"),
value: local!gridSelection,
saveInto: {
local!gridSelection,
a!save(
local!rowData,
index(local!datasubset.data,
wherecontains(
local!gridSelection.selected,
local!datasubset.identifiers
),{})
)
},
showWhen: if(index(local!datasubset,"totalCount","") >0,true(),false()),
selection:if(index(local!datasubset,"totalCount","") >0,true,false)
),
a!textField(
label: "Row Data",
value: local!rowData
)
}
)

As above, I can see the selected row data set in the text field but I would need to display it in another section layout.

Thanks,

RE: Paging Grid - Pagination on Click

Aditya — Mon, 14 May 2018 05:04:44 GMT

Are you able to save your grid row data in a local variable or a rule input upon selecting a particular row?

RE: Paging Grid - Pagination on Click

bpmnewb — Mon, 14 May 2018 04:52:44 GMT

Hi ,

I am now able to implement pagination in grid field with no issues. However, I do have an issue in saving the entire selected row data in a grid. As I am using a form layout and displaying the gridfield in with(), I am not able to display another section layouts dependent on the grid field selection. How do I wrap multiple UI components in a with()? Eg: gridfield and multiple section layouts in a form layout

Thanks,

RE: Paging Grid - Pagination on Click

bpmnewb — Mon, 14 May 2018 03:20:27 GMT

Hi venkateshamu ,

I am able to display the pagination in grid now. Thanks for the inputs.

Thanks,

RE: Paging Grid - Pagination on Click

bpmnewb — Mon, 14 May 2018 00:35:15 GMT

Hello venkateshamu ,
Thanks for inputs. I am using the above logic as you mentioned but I am getting an error with 'WITH' function.

Below is code:

a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Search",
saveInto: {
/*a!save(local!dataSubset,rule!GetData(ri!orders.order_number,local!pagingInfo)),*/
a!save(local!expDataSubset,rule!EXP_GetExpeditedLines(local!expdPagingInfo,ri!orders.order_number))
},
style: "NORMAL",
disabled: isnull(ri!orders.order_number)
)
},
secondaryButtons: {}
),
with(
local!dataSubset:todatasubset(rule!GetData(ri!orders.order_number,local!gridSelection.pagingInfo),
a!gridField(
label: "Line Section",
totalCount: if(local!datasubset.totalCount=0,1,local!datasubset.totalCount),
columns: {
a!gridTextColumn(
label:"Line Number",
field:"line_number",
data:index(local!dataSubset.data,"line_number","")
),
a!gridTextColumn(
label:"Order Number",
field:"order_number",
data:index(local!dataSubset.data,"order_number","")
)
identifiers:index(local!dataSubset.data, "line_id" , "{}"),
value: local!gridSelection,
saveInto: {
local!gridSelection,
a!save(
local!rowData,
index(local!dataSubset.data,
wherecontains(
local!gridSelection.selected,
local!dataSubset.identifiers
),{})
)
},
showWhen: if(local!dataSubset.totalCount >0,true(),false()),
selection:if(local!dataSubset.totalCount >0,true,false)
))
)

Error Description: With expects final parameter to be its result value, not a definition of local variable 'local!dataSubset'. Not sure where I am going wrong?

Thanks,

RE: Paging Grid - Pagination on Click

PhilB — Tue, 08 May 2018 14:31:49 GMT

Using a with in this situation is not best practice; you should use the saveInto on the grid to first store the paging info and then to retrieve the next page.

RE: Paging Grid - Pagination on Click

Anna Pol — Tue, 08 May 2018 13:48:11 GMT

I agree with venkateshamu, if you use button to fetch data and fetch all data at a time then i will take time to fetch data.. better you just fetch data in with function with required pagingInfo, paging grid will take care to show your data.

RE: Paging Grid - Pagination on Click

venkateshamu — Thu, 03 May 2018 11:07:44 GMT

Hi bpmnewb,

Solution 1 : Fetch everything on button click with paginginfo(1,-1) and call todatasubset with local!gridselection.paginginfo as adithyaU suggested.

Solution 2: Call the rule!GetData inside the with like below.
with(
local!datasubset: rule!GetData(ri!number, local!gridselection.paginginfo),
gricd component
).

I'll prefer to use 2nd solution as it improves the performance.

RE: Paging Grid - Pagination on Click

Aditya — Thu, 03 May 2018 05:32:48 GMT

Hi bpmnewb ,

In your code,

a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Query",
saveInto: {
a!save(local!dataSubset,rule!GetData(ri!number,local!pagingInfo))
},
style: "NORMAL"
)
},
secondaryButtons: {}
)

Your local!dataSubset should be inside a with() and the local!pagingInfo should be same as local!gridSelection.pagingInfo.

So you have to use a todatasubset(local!dataSubset,local!gridSelection.pagingInfo) inside your with() function and save it in another local variable say 'local!gridData'.

Then replace local!dataSubset with local!gridData at all places inside your a!gridField().

The code should be like:

with(

local!gridData:todatasubset(local!dataSubset,local!gridSelection.pagingInfo),

a!gridField(/*Replace local!dataSubset with local!gridData at all places*/)

)

RE: Paging Grid - Pagination on Click

bpmnewb — Thu, 03 May 2018 01:03:22 GMT

Hi venkateshamu ,
Variable local!datasubset is the result data set from the query rule on a button component in the UI like below.

a!buttonLayout(
primaryButtons: {
a!buttonWidget(
label: "Query",
saveInto: {
a!save(local!dataSubset,rule!GetData(ri!number,local!pagingInfo))
},
style: "NORMAL"
)
},
secondaryButtons: {}
)

Thanks,

RE: Paging Grid - Pagination on Click

venkateshamu — Wed, 02 May 2018 13:13:56 GMT

How you are creating the local!datasubset variable. Please check below sample code

load(
local!gridSelection: a!gridSelection(
pagingInfo: a!pagingInfo(
startIndex: 1,
batchSize: 20,
sort:a!sortInfo(
field:"line_id"
)
),
selected: {}
),
with(
local!dataSubset: todataSubset(
your data varaible,
local!gridSelection.pagingInfo
), --- It may be rule which takes paginginfo as rule input
here paging grid logic
)

)

RE: Paging Grid - Pagination on Click

Carlos Santander — Wed, 02 May 2018 12:50:12 GMT

Take a look at this SAIL Recipe: docs.appian.com/.../recipe_display_array_of_data_in_a_grid.html. In that recipe, local!data is the entire data set (the equivalent to your local!datasubset) . The subset to show in the grid is local!datasubset. I think you should be able to use that as a starting point for your own code.

For selection, take a look at this SAIL Recipe: docs.appian.com/.../recipe_select_rows_in_a_grid.html.

RE: Paging Grid - Pagination on Click

Aditya — Wed, 02 May 2018 09:26:07 GMT

are you paging your local!dataSubSet with the grid's pagingInfo?

RE: Paging Grid - Pagination on Click

bpmnewb — Tue, 01 May 2018 23:30:18 GMT

Hi Carlos,
But, I do have a select (checkbox) component for every row in the grid selection and I am saving the selected rows from the datasubset into local!rowData. Sorry, can you explain a bit more on what variable needs to be used when updating when we page?

Thanks,

RE: Paging Grid - Pagination on Click

Carlos Santander — Tue, 01 May 2018 20:30:17 GMT

You're updating local!rowData in the saveInto of the grid, but you continue using local!dataSubset in the grid column. You have to use the variable that you're updating when you page.