Refresh data in Grid Layout on button click/action

Question

Hi, 
 
 Scenario: 
 I would like to refresh the data displayed in my page Grid Layout, which looks somewhat like this:

Link to Details 
 price 
 details 
 quantity

When the user clicks L ink to details , my page is setup with the following code, which controls the visibility of a 'Details' page: 
 showWhen: not(
 isnull(
 local!selectedEventId
 )
 ) 
 The Details page contains a couple of editable fields, which can update data that is ultimately displayed in the Grid Layout Page. 
 When the user updates data, using editable fields, and exits out of the Detail page, the local!selctedEventId is set to null, which, in turn, makes the Details page disappear from the users view and brings up the Grid Layout page, again. 
 
 Problem: 
 When the user exits out of the details page and has edited data, I would like the data in the Grid Layout Page to be refreshed or updated at the same time (either on the click of the Submit button or by any other means). How do I accomplish this? 
 
 Thanks,

Umesh Patel · Accepted Answer

Hi, 
In the detail page, once fields are edited, you might have provision to save that data through button. You can leverage same a!buttonWidget saveInto to save the edited data and re-populate grid data. 
e.g. 
a!buttonWidget( 
label: "Save", 
saveInto:{ 
 /*save edited data*/ 
 a!writeToDataStoreEntity() 
 valuesToStore: { 
 a!entityData(....) 
 
 /*Refresh grid data by calling rule to fetch data from e.g. DB*/ 
 a!save(local!gridDatasubset, rule!toFetchUpdatedData()) 
} 
)

Abhay Giri · Answer

Hi Anusha, 
 
To achieve this you need to re-run the query which is fetching the data from database so that you can get updated data(which you just updated by editable fields). 
So in the button click event re-run the query entity or query rule and save into your local variable (which variable from which you are displaying the data in the grid). 
 
regards 
Abhay

Ashvin Kapur · Answer

Anusha, Sounds like you could re-run your query (that populates the data) on the saveInto of your Submit button. Something like this: saveInto: { a!save(local!datasubset, rule!APP_getData().data) }

Kenneth Chen · Answer

At a high level without the actual code what you want to do is to ensure that when you exit out of the detail page, in the saveInto for that button it saves all new values into the dataset thats displaying in that grid. 
 
Alternatively, I would check to see why you can't just have the editable section directly modifying the same dataset that is being displayed.

Refresh data in Grid Layout on button click/action

Top Replies