Using <ma-state-params

[Phillip Weeks]

I thought I followed the conversation on using this directive however something is not right. The page does not select the deviceName I supply with DN. Any suggestions? I am trying to set deviceName parameter by URL?DN=SBUTLER using this button from another page. This button click loads the page but with no DN parameter in the url .

<md-button class="md-raised md-accent" ui-state="'ui.residentialClients.usermonitor3'" ui-state-params="{'DN':'SBUTLER'}"></md-button>

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

<ma-watch-list-get ng-model="designer.watchList" auto-state-params="true" parameters="designer.parameters" on-points-change="designer.points = $points" id="8b1acf1a-e537-48bc-b2a4-92e2c856845a" watch-list-xid="WL_SelectedClient"></ma-watch-list-get>

<ma-watch-list-parameters id="5508aac6-c7bd-4c5e-af06-f3cb71e80727" watch-list="designer.watchList" ng-model="designer.parameters" ng-change="updateParams = designer.parameters"></ma-watch-list-parameters>

Page loads but the watchlist is empty as no parameter had been supplied. When I select a item from the parameter list the DN value populates in updateParams.

[CraigWeb]

Hi Phillip

First thing to confirm is when you registered the page in the edit menu page did you include ?DN in the URL path.
The second thing, once that is confirmed what happens if you manually add the parameter into your browsers URL does it do what you expect/want?

here is how I have done it in the past:
My button on page 1:
<md-button ui-state="'ui.site'" style=" font-size: 16px; " ui-state-params="{site: p.tags.Site}" ng-style="{'text-transform': 'none'}">{{p.deviceName}}</md-button>

My page with a dynamic watchlist:

<ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points- change="designer.points = $points" id="20969fc2-a491-4616-9130-35a2555b37c2" watch-list-xid="SystemQueryWL" auto-state-params="true"></ma-watch-list-get>
<ma-watch-list-parameters id="ac84b0bc-6c9a-4963--3ae644855233" ng-model="designer.parameters" watch-list="designer.watchList" ng-change="updateParams = designer.parameters" ></ma-watch-list-parameters>

I did not need to use <ma-state-params>

[Phillip Weeks]

@craigweb said in Using <ma-state-params:

<ma-watch-list-parameters id="ac84b0bc-6c9a-4963--3ae644855233" ng-model="designer.parameters" watch-list="designer.watchList" ng-change="updateParams = designer.parameters" ></ma-watch-list-parameters>

Thank you Thank you I followed your suggestion and got it working correctly now.

[Christophe]

@craigweb said in Using <ma-state-params:

ner.parameters" watch-list="designer.watchList" ng-change="updateParams = design

Hello.
I would like to realize the same thing but it does not work. I have to make a mistake but I do not know

Page 1 with button

<md-button id="3cb4a0ad-324b-429e-80d0-6421b1eeeeea" style="position: absolute; left: -8px; top: -6px;" ui-state="'ui.test-recup'" ui-state-params="{dn: RDCR1}"></md-button>

Page 2 with a dynamic watchlist

<ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="20969fc2-a491-4616-9130-35a2555b37c2" watch-list-xid="WL_e4a7a8d5-fa26-481d-8cad-adc4b2b4108a" auto-state-params="true"></ma-watch-list-get>

<ma-watch-list-parameters id="fb3697ef-1e89-4461-aaf3-5681d1bc3087" ng-model="designer.parameters" watch-list="designer.watchList" ng-change="updateParams = designer.parameters" ></ma-watch-list-parameters>

<ma-gauge-chart id="b43733ee-c528-48a6-99cd-9745036dddb5" style="position: absolute; width: 200px; height: 200px; left: 481px; top: 191px;" point="designer.points | filter:{name:'CoolingValve'}:true | maFirst"></ma-gauge-chart>

The link does not work
And on page 2, if I add the parameter in the browser URL it does not work

Thank you

[CraigWeb]

Hi Christophe

To troubleshoot your button open your browser's console and look for errors when you click on the button.

For your page 2 make sure you registered the page to take parameters as in the picture below:

[Christophe]

HI @craigweb

Thanks for your help

The link of the function button I made a mistake in the link

The problem would not come from the fact that the expected parameter is Point Hierarchy

Thank you

[Jared Wiltshire]

@Christophe It wont work with the "Point hierarchy" parameter type. I suggest using a tag instead. Also I think the parameter names are case sensitive, so DN != dn

[Christophe]

@jared-wiltshire said in Using <ma-state-params:

It wont work with the "Point hierarchy" parameter type. I suggest using a tag instead. Also I think the parameter names are case sensitive, so

Thanks for your return
For the tag instead, how to set it up because I don't understand
Thank you

[Jared Wiltshire]

@Christophe Use the "Bulk data point editor" under the administration menu. Select hierarchy folders using the left panel then apply a tag to them using the right panel.

• Click this icon
• Enter a tag name
• Type the tag value in the column header
• Select all the data points in the table by clicking the top checkbox
• Click "Start bulk edit"

Note this process will change a little in the upcoming 3.6 release.

[Christophe]

This post is deleted!

[Christophe]

@Jared-Wiltshire

Hello
I try the solution of "Bulk data point editor"
but I can not make it work.
So I change the "watch list" using the name of the device.
It works
or maybe my mistake with "Bulk data point editor"

Thank you for your help

[Jared Wiltshire]

I have no idea what you have tried, you have given me almost no information to go off. Did you try the steps I gave you? At what point did you go wrong? Have you checked that you applied the tags correctly?

[Christophe]

Hello
Sorry for my lack of explanation

• In "Bulk data point edit" creation of the parameter "Regul" with as parameter Regul1 and Regul2
• In "Edit Menu" on page 2 add in the url "? Regul"
  
• In page 1 buttons creation with parmatre Regul1

<md-button id="3cb4a0ad-324b-429e-80d0-6421b1eeeeea" style="position: absolute; left: 32px; top: 20px; width: 97px; height: 42px; text-align: center;" ui-state="'ui.testRecup'" ui-state-params="{Regul:'Regul1'}">Regulateur 1</md-button>

• In page 2

<ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="20969fc2-a491-4616-9130-35a2555b37c2" watch-list-xid="WL_Test" auto-state-params="true"></ma-watch-list-get>

<ma-watch-list-parameters id="17e52579-3f62-4a94-8397-586316fda6d0" ng-model="designer.parameters" watch-list="designer.watchList" style="position: absolute; width: 100%; left: 0px; top: 0px;"></ma-watch-list-parameters>

<!--Display Gauge-->
<ma-gauge-chart id="b43733ee-c528-48a6-99cd-9745036dddb5" style="position: absolute; width: 200px; height: 200px; left: 291px; top: 131px;" point="designer.points | filter:{name:'CoolingValve'}:true | maFirst"></ma-gauge-chart>

Thank

[CraigWeb]

HI @Christophe

Your watchlist also needs to use the tags in its query:

Becarefull, parameters are case sensitive.

[Christophe]

@Jared-Wiltshire
@CraigWeb

Thank you for your help it works perfectly