Forum

Visibility Areas within Ajax Update Areas

Forum > Business Object Composition > Visibility Areas within Ajax Update Areas

n/A posted on May 13, 2014 at 3:10 PM

n/A

postedon May 13, 2014at 3:10 PM

Hi

I have a Toggle Visibility Area within an Ajax Update Area.

As soon as I do an Ajax Update of the area, the Visibility Area stops working. Is there a solution to this problem?

Best regards
Christoph

n/A replied on May 14, 2014 at 11:36 AM

n/A

repliedon May 14, 2014at 11:36 AM

Hi Christoph,
did you set the html id of the Visibility Area?

n/A replied on May 14, 2014 at 1:28 PM

n/A

repliedon May 14, 2014at 1:28 PM

Yes, I did. Everything works fine, before I press the button that causes the Ajax Update Area to update. After that, the Toggle Visibility Areas stop working. After a refresh of the page, everything works fine again.

I have written a small example screen, but I think I cannot attach it here.

n/A replied on May 14, 2014 at 2:03 PM

n/A

repliedon May 14, 2014at 2:03 PM

Try using the following Javascript code in the Ajax Callback Javascript field of the Ajax Update Action:

1VisibilityArea.registerArea("[nameOfTheVisibilityArea]", "VisibilityArea[htmlIdOfTheVisibilityArea]");

n/A replied on May 14, 2014 at 2:22 PM

n/A

repliedon May 14, 2014at 2:22 PM

I'm in 5.1.

VisibilityAreas do not have htmlId?

(Sorry, whenever you talked about htmlids, I replaced this by name in my head.)

n/A replied on May 14, 2014 at 2:37 PM

n/A

repliedon May 14, 2014at 2:37 PM

In Appway 5.1 the VisibilityArea id is generated whenever the component is rendered. For that reason it doesn't work when you include it in an Ajax Update Ares: when you reload the portion of the page the id of the Visibility Area changes, however the head script of the page which initialized it used the old id, belonging to a component that doesn't exist anymore.
The use case ToggleVisbilityArea inside an AjaxUpdateArea is not supported on 5.1 unfortunately.

n/A replied on May 14, 2014 at 3:28 PM

n/A

repliedon May 14, 2014at 3:28 PM

Ok. I've replaced the VisibilityArea by a div and two lines of jquery. Works like a charm.

Please sign in to add a reply