nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

JS 4.x display search results

City_of_Greenville__SCGIS

I'm looking for a simple way to display the search results, Fall For Greenville.

I know I have to turn off the autoSelect and use the search-complete event but I don't really understand what this means. I can use the below to log it in the console but how do I do anything with it the search-complete?

searchWidget<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"search-complete"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>event<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="comment token">// The results are stored in the event Object[]</SPAN>
&nbsp; console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"Results of the search: "</SPAN><SPAN class="punctuation token">,</SPAN> event<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Scott

Trouver plus de publications taguées avec

Accepted answers

All comments

RobertScheitlin__GISP

Scott,

What is it that you want to do with the search results?

City_of_Greenville__SCGIS

Just display them and let users select.

RobertScheitlin__GISP

When a user types in a search term and you have autoSelect set to true then they are not presented with the results list it just automatically goes to the first result.

City_of_Greenville__SCGIS

I'm looking to set it to false and be presented with the list, similar to what it does for suggestions.

I could potentially use the default template which has "Show More Results" but the results are limited. In the case below, the more results are limited to five but in reality there are more than 40 results that would apply

RobertScheitlin__GISP

OK,

Then you will have to loop through the results from the search-complete event handler and use something like dojo domConstruct to build html elements to display to the end user and attach events to those elements for zooming etc. Sorry no easy solution to this.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.