JS reach elements in other pages

How-to Discussions
1

Is it possible to have a JS function reach ux elements on other pages than the one where it resides. For example:

In PageX.ux:

<JavaScript>
theElement.goto(variable);
</JavaScript>

In PageY.ux:

<WebView ux:Name="theElement">
2

Yes, if you pass the element in as a ux:Dependency. Very much like we usually do with router.

3

Thx.

So in above PageX.ux add xyz?

(sorry still bending my mind to the new logic)

4

Sorry, I don’t know what xyz stands for. The docs I linked explain how to pass dependencies.

5

Sorry, the code got lost :confused: should have been:

So in above PageX.ux add :

<Page>
<xyz ux:Dependency="theElement" />

What should xyz be for PageX.ux to be able to reach “theElement” in PageY.ux through JS?

6

It should be exactly what type the original instance is. So, if it’s a WebView, then <WebView ux:Dependency="theElement" />.

That is explained in the docs I linked, too.