Targeting Element on Form from Relationship Grid

Question

Hello All,
I'm making a relationship grid event that fires on a row selection.&nbsp; It's meant to target an HTML control on the top item form and then will fill it with a TGV.
Trouble is, I'm running in circles trying to target the element on the form, which is called 'tgv'.
Lots of debugger tries in the console and methods and nothing is finding it.
Have tried...
top.mainWindow.document.getElementsByName("tgv")[0];top.mainWindow.document.querySelector('div[name="tgv"]');
parent.document......
Any thoughts or help?

angelaip · Answer

I am not sure I understood the use case but I want to give it a try.
Do you use the custom HTML element as frame for the&nbsp;TGV rendering? So e.g. instead of having the typical&nbsp; "BOM structure" relationship with the TGV, you show the TGV in your custom element?
Can you provide a rough screenshot? You can hide the actual data!
I think you can use the code that is typical used for TGV CUI Actions as basis. The ES Crawler does something similar, but I would have to check first.&nbsp;

jeff_stroh · Answer

Hey Angela, sure thing let me give a screen shot (identifiable info blanked out):

Basically if a user selects a row in the bottom I'm wanting to refresh/re-run the TGV in the top form.&nbsp; I can get a specific TGV to display in a dialog, but for whatever reason I can't figure out how to target the top form divs by ID or name from the relationship grid method.
We're more or less looking to invoke sort of a split view wherein we can get additional details and have people do work in the grid at the bottom without extra clicks.
I'm not 100% certain that this will be the way to go as the onSelect event seems to fire EVERY click on a row which is not ideal (e.g. when you go to edit, it's firing...) so I may need to approach another way, but conceptually this is what we were aiming for.

angelaip · Answer

Hey cool, I have tried something like this some time ago, but didn´t use it in the end.&nbsp;
Mainly because I wasn´t able to achieve the TGV filtering that I wanted:&nbsp;&nbsp;link&nbsp;
(The post doesn´t mentioned that the TGV was supposed to be part of&nbsp;a Form, but it was the final goal ).
I still have the concept lying around somewhere and will check if I can find something helpful. But if somebody else has an idea please let us know!
Do buttons like "Refresh" in your TGV work when you click them manually?
A simple/stupid solution would maybe be parent.onRefresh(); which should refresh the Form completely. People will love the constant Form refreshes! But I expect it should be possible to address the TGV itself.
Instead of "onSelect" you can maybe use a right click CUI element or a CUI toolbar button.&nbsp;

jeff_stroh · Answer

Thanks for looking.&nbsp; I replied on that other thread btw with hopefully a solution for you.
Yeah, all the TGV functions work as normal.&nbsp; I just use a method to insert an iframe&nbsp;and then feed it the necessary parameters.&nbsp; We have it working (all within a form) with side by side TGVs to higher level info on a left TGV and then more details (or different types of details) in a right TGV, but that's all within a form so you can easily access the various div elements...
Right click or toolbar button is next.&nbsp; I hate clicks, so I was trying to avoid that but might be only way to do it if the onSelect doesn't behave like i hope.

angelaip · Answer

The TGV from my POV is not rendered as classic HTML, but is dynamically built. It seems that we cannot access the buttons inside the TGV with "querySelector" or similiar.
The refresh button is a CUI element and uses following code:-&gt; inArgs.contextParams.tgvContext.reload();
inArgs typcially comes with the CUI call, so it´s empty when we come from something else.Maybe we can use the available function somehow, but I am not sure.
One simple solution that I have found is, just to reload the frame that is used for the TGV in the Form. But it will reload everything, incl. TGV toolbar:
const x = document.getElementById('xy');x.contentWindow.location.reload();

Forum Discussion

Targeting Element on Form from Relationship Grid

7 Replies

Recent Discussions

Tech Docs - 'Zoom'

How to populate 'this' properties?

What causes the command bar buttons 'Save' and 'Done' to be greyed out?

Searching against a multi value list data type

Notify User When a Relationship is Added when the Source ItemType and Related ItemType have matching properties