Child grid in pop up window disappearing from view

[kingcarol]

Re: Child grid in pop up window disappearing from view

Additional Notes:

1 - If your target grid is one with a Search part that has the property 'Hide Grid When No Search Active' checked, then the javascript needs to be put in onSearchRender rather than in onGridRender

2 - I've noticed that the issue of the target grid disappearing only seems to happen if the target grid is being opened via a hyperlink, and NOT when the target grid is opened via a button. You can see that the hyperlink, for some reason, causes scrolling to the top of the first parent grid, but the button doesn't. Here is a 'probably too long' video I just sent to Alpha about it, because I find this curious. http://screencast.com/t/LEsl9eCER

[Davidk]

Re: Child grid in pop up window disappearing from view

Nice.

[kingcarol]

Re: Child grid in pop up window disappearing from view

One more thing about this...
I realized that the target grid I'm opening with the hyperlink is opened from several other grids and that it's possible I may forget to put the div into the window title when opening the target grid from other grids. So I have put an if statement in the javascript that we are putting in the OnGridRender event of the target grid. (AND I have removed the Timeout part).

So to sum up:

1 - On the grid that has the hyperlink to open the target grid, I put the following in the Window Title on the Open Grid Component genie:

<div id="ScrollMarker"></div>POs and Costs For Job {JOB_CODE} and Cost Code {SUB_CODE}

2 - On the target grid, in OnGridRender client side event, I put the following:

if ($('ScrollMarker')) {
	var ele = $('ScrollMarker');
	$swto(ele);
}

[kingcarol]

Re: Child grid in pop up window disappearing from view

Thanks again, Frank and David! The deed is accomplished! (altho I think I might try removing the Timeout part and see if more instantenous feel)
Show video of the success: http://screencast.com/t/3CFIMxBPeg

[Davidk]

Re: Child grid in pop up window disappearing from view

If you'd like the div id in the title, then get into the Title section... by default it's HTML... right? But, there another tab... Source. Click on that and build your title with the div id in place.

No, no, no... I see now. Ignore the above... long day.

Get rid of the Freeform Area, Above Grid stuff in the target grid... but leave the Javascript code.

Your target grid... It's a pop-up window... right? And you're setting the title in the main grid call, under "Target Window...", Window Title... is that right?

So, in there put...

<div id="ScrollMarker"></div>POs and Costs For Job {JOB_CODE} and Cost Code {SUB_CODE}

See how that works.

EDIT: I see the problem with your "span" id HTML. You must enclose the id in double quotes, not single quote. All IDs must be double quotes. Just change that and all with be fine.

[kingcarol]

Re: Child grid in pop up window disappearing from view

David, your code is working as it should. THANK YOU. I did realize after putting the div in the freeform area above that grid that the user would not see the window title, so thought I'd try Frank's suggestion. (THANK YOU, TOO, Frank) But my Window Title was:

POs and Costs For Job {JOB_CODE} and Cost Code {SUB_CODE}
so that the user would see the job and cost code in the title and know what the filter was based on.

So I tried putting the following for the window title:
POs and Costs For Job {JOB_CODE} and Cost Code {SUB_CODE}<span id='ScrollMarker'></span>

and get a script error: Expected '}'

If I remove the job and cost code references, but leave the div part, I do not get that error, so there's something about combining the div stuff with the stuff to reference the values in some fields.... Does anyone have a guess about this?

[Davidk]

Re: Child grid in pop up window disappearing from view

Carol, I get the same error, but I think it's just a timing issue. You could try increasing the setTimeout... or... let's put the javascript into another place. I just tried this and it works great.

In your target grid... the one you're opening from the link... open it and get into the Grid Properties and go to the Freeform Edit Region, Above Grid, and put this in...

<div id="ScrollTo"></div>

and click OK.

Next, click on the Client-side Events at the left side, and find the OnGridRender event. In here put...

setTimeout(function() { 
var ele = $('ScrollTo');
$swto(ele);
},100);

So... now when you click the link, the grid opens, renders, and scrolls to the Div ID that we set up at the top of the grid.

Not even sure that you need the setTimeout, but what the heck... what's 100 milliseconds between friends. Selwyn comes up with the coolest stuff... never even heard of $swto... sheesh.

[frankbicknell]

Re: Child grid in pop up window disappearing from view

Hi Frank, do you think it would be put in the OnAjaxCallbackComplete event of the target window?

yes

[agillbb]

Re: Child grid in pop up window disappearing from view

I agree with Jaime, but with a tweak - when defining how your callback component will be opened (not in the actual component, but in the action javascript callback definition), try settin the title to: My Title<span id='carol'></span>
Note this is the same trick you might use to close a popup where you might call closeParentA5Window('carol');
Andy.

[kingcarol]

Re: Child grid in pop up window disappearing from view

just tried that, Jaime. makes sense to me. And have tried other stuff, too, but no matter what, I get script error that 'tagName is null or not an object'

[WindForce]

Re: Child grid in pop up window disappearing from view

Carol - i'm an Alpha and JavaScript newbie as well, but thinking logically, i think this should be something like:
<div id="carol"></div>

Then in your javascript:
setTimeout(function() {
var ele = $('carol');
$swto(ele);
},100);

Jaime

[kingcarol]

Re: Child grid in pop up window disappearing from view

Well, I'm just so clumsy at Javascript and have to admit that I know how to put something in a div, but have no idea how to refer to that div in the code Selwyn sent. (need an embarrassment icon...)

[Davidk]

Re: Child grid in pop up window disappearing from view

In your link "View POs and Cost...", this is opening your grid... so I'm going to guess it's Action Javascript? Put the code in there... another Action Javascript, as In-Line Javascript, AFTER the grid opening. I'm guessing that's what the timeout is for... give the grid a chance to open, then scroll to it. As for the ID, any ID will probably do. Get the whole thing opened, in Firefox, then in Firebug see what ID you have to work with in the grid that's opening from the "View POs..." link. You've got some title text on your grid... "Edit Marlow..." so maybe wrap that in a Div ID and use that.

[agillbb]

Re: Child grid in pop up window disappearing from view

Selwyn stated in his note to put in in the button, not in an event. Try adding it to the onclick event after your callback line.
Andy.

[kingcarol]

Re: Child grid in pop up window disappearing from view

Hi Frank, do you think it would be put in the OnAjaxCallbackComplete event of the target window?