Linking to Dynamic Pages

In this example we will be creating a button on one page to link to dynamic page and set the Watch List Parameters on the target page.

On your dynamic page in the code edit view at the very top add:

<ma-ui-state-params on-change="designer.parameters.deviceName = $stateParams.deviceName; stateParams = $stateParams" update-params="updateParams"></ma-ui-state-params>

Replace or add the ma-watch-list-parameters with:

<ma-watch-list-parameters id="5508aac6-c7bd-4c5e-af06-f3cb71e80727" watch-list="designer.watchList" style="position: absolute; width: 100%; left: 0px; top: 0px;" ng-model="designer.parameters" ng-change="updateParams = designer.parameters"></ma-watch-list-parameters>

Edit the Menu item to add a parameter at the end of the URL path.  This parameter needs to match the same variable being used in the Watch List parameter name.  In the example below we've added ?dn to the URL path. dn is the same name used in the Parameter on the watch list query.

Screenshot 2017-09-27 17.15.45.png

Here is the Watch List Parameter where dn is being used:

Screenshot 2017-09-27 15.19.34.png

Note: this will only work when using Device Name or Static List parameters.  If you want to use a Point Hiererchy parameter please contact us for examples on how to do that.