New features in 1.7-2.1, some questions.

[Jorge Sousa]

What is FrameRequestFeedResize?

[George]

What is FrameRequestFeedResize?

Region size evaluator. Simple script that evaluates center region height.
javascript code

<script>
function FrameRequestFeedResize()
{
	var Height = document.getElementById("FrameRequestFeed_Container_template").clientHeight;
	var wRegionRequestTop_template_height = document.getElementById("wRegionRequestTop_template").clientHeight;
	var wRegionScrollableContainer_template_height = Height - wRegionRequestTop_template_height;
	document.getElementById("wRegionScrollableContainer_template").setAttribute("style",
		"height:" + wRegionScrollableContainer_template_height.toString() + "px");
}
</script>

[Jorge Sousa]

Hi George

do you want us to check your javascript and tell you why it don't work and how should work?

[George]

Hi!
This script works. It executes also on browser form resize and all looks fine.
page_load_ready_scrolled_resized.png

But i can't call it in correct moment after ajax render... Here is JS break point, and render status, when CGAddJavaScriptToAjaxResponse applyes:
page_load_pause_before_call_js.png (looks like css not applied in this moment).

delphi code

RenderRegionAsync(wRegionContainer);
CGAddJavaScriptToAjaxResponse('FrameRequestFeedResize();'); // region is not completely loaded (or css not applyed for now), and my js code evaluates incorrect height
// CGAddJavaScriptToAjaxResponse('debugger; $(document).ready( function() {FrameRequestFeedResize();} );'); // not helps too...

[Jorge Sousa]

Hello It's seems to me that you need to bind an event to the resize of FrameRequestFeed_Container_template, eg

[George]

It's already binded on window resize:
PageContext.AddToInitProc('$(window).bind("resize", function(){ SCResizeProcessing(); });');
javascript code

function SCResizeProcessing()
{
	MainFormResize();
	if (document.getElementById("FRAMEREQUESTFEEDNEWIWFRAMEREGION") != null)
	{
		FrameRequestFeedResize();
	};
}

Also i tested: CGAddJavaScriptToAjaxResponse('alert("test"); $("#FrameRequestFeed_Container_template").bind("resize",function(){FrameRequestFeedResize() });');

I'll better make simple demo..

[Jorge Sousa]

Hi

I'll better make simple demo..

Yes please since we are in advanced terrain here

[George]

Hi!
Finally i got demo, please check email.

[Jorge Sousa]

ok

[George]

I tested various approaches, and now i belive that ability to call JS code after async render is really required... (or any working solution)
I got another one situation with this issue.
When UI configured not only on server side. For example, some template DIVs are hidden (template div's haven't server side implementation, this divs configured with custom JS).
When region re rendered (async) this changes loss (known situation), so i need to call JS code every time after region rendered (async) to restore template div state.

Something like AjaxReRender(..., JSAfterRender:string)