Refresh parent grid from linked UX component

[Narayan]

I have a simple grid with a linked UX component to Add a record. When I submit the UX component i want to refresh the parent grid row, so that newly added row can be displayed in the grid.
Please help me to refresh parent grid. Tried all options but could not succeed.

Thanks
Narayan

[GGandhi]

Re: Refresh parent grid from linked UX component

there should be a property in the dialog open action refresh grid on close, select all rows. then it should refresh.

[TheSmitchell]

Re: Refresh parent grid from linked UX component

I have a simple grid with a linked UX component to Add a record. When I submit the UX component i want to refresh the parent grid row, so that newly added row can be displayed in the grid.
Please help me to refresh parent grid. Tried all options but could not succeed.

Thanks
Narayan

I do this quite often. The refresh grid on close property is great if you're UX is opened in a Modal window. In all other cases, however, I get complaints that "it doesn't update" if the Grid doesn't refresh immediately after making changes in the UX. I use this javascript (or variations thereof) to get the job done:

var po = {dialog.object}.getParentObject();
if (po) {
  po.refresh();
}

This refreshes the whole grid.

If you just want to refresh an individual row, look into calling {grid.object}.refreshRow(rowNum). You'll have to get the row number from wherever you need to get it.

Good luck!

[Narayan]

Re: Refresh parent grid from linked UX component

Thank for your reply, but i could not able to refresh parent grid.
1. Could find any property to refresh the grid.

2. Where should i add javascript to refresh parent grid.

Please explain in detail.

[Narayan]

Re: Refresh parent grid from linked UX component

1. Could not find any property to refresh the grid.

[Michael1954]

Re: Refresh parent grid from linked UX component

When you save the UX you use a server side action Save Submitted Data to Tables.

In client side events

Use After Save Succeeded javaScript

[GGandhi]

Re: Refresh parent grid from linked UX component

go to afterDialogValidate event in the dialog, scroll down to the bottom. you will see a code snippet like this and you can implement using that technique.

'-------------------Closing the Window in Which the Dialog is Hosted -------------------------
'In many cases the Dialog will have been opened in a pop-up Ajax window and you will want code in this event handler to close the pop-up window.
'Here is how you can do this:
'a) In the action that opens the Dialog in a window, set the Window title to something like this: MyWindowTtitle<span id="mywindowid"></span>
'b) In this event handler set e.javascript to:
' var ele = $('mywindowid');
' {dialog.object}.closeContainerWindow(ele);

[TheSmitchell]

Re: Refresh parent grid from linked UX component

Thank for your reply, but i could not able to refresh parent grid.
1. Could find any property to refresh the grid.

2. Where should i add javascript to refresh parent grid.

Please explain in detail.

Ah. The "Open UX Component to Edit the Current Record" Action Javascript doesn't have the option to refresh the Parent Grid on close. I'm not sure, but Alpha might do a refresh for you automagically in this scenario. There is a checkbox, however, to close the UX Component after submit. It's just below the "Working message icon" property.

You could put your grid refresh javascript in one of two places:

1. In the afterDialogValidate event inside the UX, you can return javascript to execute by adding it to e.javascript after you submit the records to the database (there is also a new property in the server-side action that Gandhi suggests - this may be a better place.)

dim js as c =<<%js%
var po = {dialog.object}.getParentObject();
if (po) {
  po.refresh();
}
%js%

'Make sure not to overwrite any data that is already in e.javascript
'that was added by a server-side action
'Also make sure e.javascript is defined, otherwise you might get an
'xbasic error message (easy enough to fix by adding e.javascript = ""
'as the very first line in the server-side event right after the function
'declaration

e.javascript = e.javascript + js

2. OR, you could add this to the onHide event for the "Open UX Component to Edit the Current Record" Action Javascript:

{grid.object}.refresh();

I would encourage you, however, to make sure that Alpha isn't already calling {grid.object}.refresh() for you when you close the UX Component. Doing the refresh twice doesn't make much sense. It also doesn't make much sense if you have to manually refresh the grid using this action...