topic Re: Question on how to use dijit/form/select in Arc JS API in ArcGIS JavaScript Maps SDK Questions

Question on how to use dijit/form/select in Arc JS API

JeffJohnson1 — Fri, 29 May 2015 14:17:19 GMT

I'm brand new to javascript, dojo and HTML and I've searched everywhere for examples of this and cannot find any.

I have a map with some feature points and a find task to highlight the feature points on the map, and display them in a grid with it's field attributes. This works great when I specify the search field as:

findParams.searchFields = ["LOCATION"];

But if I add:

findParams.searchFields = ["LOCATION", "MODEL_NUM"];

The grid displays results from multiple fields (ie. searching for attributes in LOCATION "A" would also find attributes in MODEL_NUM containing the letter "A"). So I decided to add a drop down menu select to specify which field to search in (one at a time) so the results are more precise.

So I added the following dijit:

<option value="" selected="selected">Select a field</option>

<option value="MODEL_NUM">Model Number</option>

<option value="LOCATION">Location</option>

<option value="NUM_DEFICIENCIES">Number of Deficiencies</option>

<option value="INSTALL_DATE">Install Date</option>

</select>

I then modified the search field statement to:

findParams.searchFields = "[" + "\"" + dom.byId("fieldSelect").value + "\"" + "]";

When I click my search button I get an Uncaught TypeError: a.join is not a function (FindParameters.js:5)

I hope this is enough information. Does anyone have a solution or a recommendation?

Thanks.

Re: Question on how to use dijit/form/select in Arc JS API

thejuskambi — Fri, 29 May 2015 14:43:56 GMT

try this out

findParams.searchFields = [dom.byId("fieldSelect").value];

Re: Question on how to use dijit/form/select in Arc JS API

BillDaigle — Fri, 10 Dec 2021 23:21:03 GMT

You're creating a string instead of an array.

Try:

findParams.searchFields = [];
findParmas.searchFields.push(dom.byId("fieldSelect").value);

Re: Question on how to use dijit/form/select in Arc JS API

thejuskambi — Fri, 29 May 2015 14:54:38 GMT

you need to push it to searchFields not findParams... small typo

Re: Question on how to use dijit/form/select in Arc JS API

BillDaigle — Fri, 29 May 2015 14:57:01 GMT

Ah yes...thanks for heads up. I will edit accordingly!

Re: Question on how to use dijit/form/select in Arc JS API

JeffJohnson1 — Fri, 29 May 2015 15:08:22 GMT

Thanks to both of your replies.

I tried each, and while they both run smoothly without errors, findParams.searchFields is still not getting anything passed to it.

I tried the following example I found:

var selectedField = document.getElementById('fieldSelect').value;

var index = selectedField.options[selectedField.selectedIndex].value;

As well as:

var selectedField = dom.byId('fieldSelect').value;

In the Chrome developer tools debugger, when I created a breakpoint at that line and executed the statement, both examples had the value of selectedField as 'undefined'.

Is this an issue of not getting the value from the drop down select dijit?

Thanks.

Re: Question on how to use dijit/form/select in Arc JS API

KenBuja — Fri, 29 May 2015 15:31:27 GMT

When using a dijit, you usually have to locate in the dom by using dijit/registry

Try using var selectedField = registry.byId('fieldSelect').value;

Re: Question on how to use dijit/form/select in Arc JS API

thejuskambi — Fri, 29 May 2015 15:32:36 GMT

If you could setup a sandbox or provide us the code it would be really helpful. If you cannot.

check if the dom.byId("fieldSelect") is returning the proper node you need. also the getElementById returns an element. I think you dont need to get value of it. like below

var selectedField = document.getElementById('fieldSelect');

var index = selectedField.options[selectedField.selectedIndex].value;

Also, check registry.byId. make sure you add the registry module to require.

Re: Question on how to use dijit/form/select in Arc JS API

thejuskambi — Fri, 29 May 2015 15:51:34 GMT

Ken is right, In you case you wont be able to get details through dom you need to use the registry.byId

Re: Question on how to use dijit/form/select in Arc JS API

JeffJohnson1 — Fri, 29 May 2015 15:55:52 GMT

This does work! The registry.byId is showing the field name from the drop down menu value. But the grid is still displaying the wrong results when I run the find task.

When I check the value of searchFields after this line is executed:

findParmas.searchFields.push(registry.byId("fieldSelect").value);

The array length is still 0.

Unfortunately I can't setup a sandbox as the server running the map service is private.

Re: Question on how to use dijit/form/select in Arc JS API

thejuskambi — Fri, 29 May 2015 16:03:43 GMT

Can you provide the code atleast. I think something might be wrong in the flow

Re: Question on how to use dijit/form/select in Arc JS API

JeffJohnson1 — Fri, 29 May 2015 16:14:36 GMT

Alright guys, I found the problem in my code.

Ultimately it was the registry.byId that led me to the answer, I had to rearrange some code after I realized the searchFields was in the wrong function and not in the function that is called when I click the search button.

Thanks for all your help, everyone.