topic Re: Create a renderer using Arcade Expressions in ArcGIS JavaScript Maps SDK Questions

Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 17:22:51 GMT

I am creating simple election map, that visualize the result over the county by Some election races, which I listed them on accordion Panel. I tried to follow this example , to render the feature layer. I failed to Add the following

1- Add on Click Events on the Race Accordion header then render the map according. by replacing the field names in the Arcade Expression

(on console log I was able to get all the fields name)

2- instead of placing the arcade expression on the HTML file (script tag) How can I add it to my separated js file(script.js).

I do appreciate your help.

Attaching my code so far.

Re: Create a renderer using Arcade Expressions

XanderBakker — Sat, 11 Dec 2021 08:00:41 GMT

When you use Decode the second parameter is an array. So please try the following expression:

            var republican = $feature.Candidate12;
            var democrat = $feature.Candidate10;
            var independent = $feature.Candidate11;
            var WriteIn = $feature.Candidate72;
            var parties = [republican, democrat, independent,WriteIn];
          
            return Decode(Max(parties),[
              republican, 'republican',
              democrat, 'democrat',
              independent, 'Libertarian'],
              'n/a');
‍‍‍‍‍‍‍‍‍‍‍

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 18:58:27 GMT

thanks Xander, Yes that is exactly what i have. So Can you help with this 2 issue,

1- Add on Click Events on the Race Accordion header then render the map according, by replacing the field names in the Arcade Expression

(on console log I was able to get all the fields name as an array)

2- instead of placing the arcade expression on the HTML file (script tag) How can I add it to my separated js file(script.js).

Regards

Re: Create a renderer using Arcade Expressions

XanderBakker — Thu, 31 Jan 2019 19:15:14 GMT

I just had another look at the documentation on the Decode function and I think that my suggestion was wrong. No square brackets are used. So ,sorry for that.

I am not a JavaScript API progarmmer, so I think best I can do is to tag someone that is: Robert Scheitlin, GISP‌

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 19:21:02 GMT

OH, thank you for the correction, and tagging Robert,

Hope to hear from him soon.

Regards

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Thu, 31 Jan 2019 19:30:52 GMT

Husham,

I think the purpose of putting it into the HTML script tag is that the var is global in nature. I have never gone down this path but I assume you could try and attach the var to the global window var and see if that works.

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 19:42:09 GMT

Thank you, Robert

I already tried that without any success.

I am still trying, Please share if you came with any solution or sample.

Regards

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:00:44 GMT

You could could have your JS file inject a script tag using:

var s = document.createElement('script');
s.type = 'text/javascript';‍‍
....
document.body.appendChild(s);‍‍‍‍

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 20:06:03 GMT

Thanks, Yes that is a clever solution, for my second Question, so now How can fire click events to push field names to the arcade expression.

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Thu, 31 Jan 2019 20:32:33 GMT

Husham,

This part of your code is already listening for the the user click:

$('.electionlist').on('shown.bs.collapse', function () {‍

Re: Create a renderer using Arcade Expressions

HushamMohamed — Sat, 11 Dec 2021 08:00:47 GMT

Yes correct , and I have console.log to get the field names.

the problem I don't have any luck passing the array to the arcade expression, so I can get feature render accordingly

    console.log(selectedAccordion);
        console.log(currentCandidates);‍‍

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Thu, 31 Jan 2019 20:55:24 GMT

Hmm.. Not sure you can do that. You can use the code I provided earlier to write a new expression though.

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 21:02:54 GMT

that sound good for me, could you please rewrite your code you are referring to with the expression, then will try to finalize the rest.

Thank you for your help.

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:00:50 GMT

I can't help you that much but here is a start.

var s = document.createElement('script');
s.type = 'text/javascript';
var code = 'alert("hello world!");';
try {
  s.appendChild(document.createTextNode(code));
  document.body.appendChild(s);
} catch (e) {
  s.text = code;
  document.body.appendChild(s);
}‍‍‍‍‍‍‍‍
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Create a renderer using Arcade Expressions

HushamMohamed — Thu, 31 Jan 2019 22:32:09 GMT

Thank you Robert,

Will work on that

Re: Create a renderer using Arcade Expressions

HushamMohamed — Fri, 01 Feb 2019 20:08:38 GMT

hi,

still trying to figure out how to use your code to write new expression, without any luck.

Regards

Re: Create a renderer using Arcade Expressions

RobertScheitlin__GISP — Fri, 01 Feb 2019 20:27:05 GMT

Husham,

Sorry I have never done that before either so I don't have any more advice.

Re: Create a renderer using Arcade Expressions

HushamMohamed — Fri, 01 Feb 2019 20:33:09 GMT

Thank you Robert, I am just not trying pushing you, just updating you

Thanks for all help.