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; } } }

Search box widget?

haThach

When a user enter a search for a particular record, can the result return display multiple field. We have a few duplicate valveID. Instead of returning v-155 three time can I config. the search result to display valveID and system field?

In C:\arcgis-web-appbuilder-2.1\server\apps\9\configs\Search\config_Search.json, I tried to change the displatField but the search did not work. Is this possible?

Find more posts tagged with

Accepted answers

RobertScheitlin__GISP

Ha,

So after checking the search widgets code in WAB the suggestionTemplate is not used in the code. It get it working you will have to add these lines of code to the search/Widget.js file (lines 16 - 19):

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">var</SPAN> convertedSource <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; featureLayer<SPAN class="punctuation token">:</SPAN> flayer<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; outFields<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"*"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; searchFields<SPAN class="punctuation token">:</SPAN> fNames<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; displayField<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>displayField <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; exactMatch<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">!</SPAN><SPAN class="operator token">!</SPAN>source<SPAN class="punctuation token">.</SPAN>exactMatch<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; name<SPAN class="punctuation token">:</SPAN> jimuUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">stripHTML</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>name <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; placeholder<SPAN class="punctuation token">:</SPAN> jimuUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">stripHTML</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>placeholder <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; maxSuggestions<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>maxSuggestions <SPAN class="operator token">||</SPAN> <SPAN class="number token">6</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; maxResults<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>maxResults <SPAN class="operator token">||</SPAN> <SPAN class="number token">6</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; zoomScale<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>zoomScale <SPAN class="operator token">||</SPAN> <SPAN class="number token">50000</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; infoTemplate<SPAN class="punctuation token">:</SPAN> template<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; useMapExtent<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">!</SPAN><SPAN class="operator token">!</SPAN>source<SPAN class="punctuation token">.</SPAN>searchInCurrentMapExtent<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _featureLayerId<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>layerId<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>suggestionTemplate<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="keyword token">delete</SPAN> convertedSource<SPAN class="punctuation token">.</SPAN>displayField<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; convertedSource<SPAN class="punctuation token">.</SPAN>suggestionTemplate <SPAN class="operator token">=</SPAN> source<SPAN class="punctuation token">.</SPAN>suggestionTemplate<SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

haThach

Thanks, Robert for your input. The simple solution on my end would be to increase the "maxSuggestions" result value.

RobertScheitlin__GISP

Ha Thach,

Having suggestion enabled if you want to use exact match is counter productive. The whole purpose of suggestions is to provide possible result using a like if you do not want this then disable suggestions. What the exact match does is it will force you to choose one of the suggestions to get a result if you did not have exact match selected and you type 862 and hit enter then the first result that matched 862 would be selected.

haThach

Robert - I got the suggestionTemplatet to work but despite setting it to exact match, the search executes a LIKE search. Is there a way to fix this?

haThach

Robert,

Can you clarify this a bit. I'm currently using ArcGIS Server 10.4.1 which should Supports Pagination: true. I did get a suggest of a single field but not double field. Do I needs to add the system field to the property "displayField"?

RobertScheitlin__GISP

No. You will only get the double field when a suggestion is presented by the widget.

haThach

Thanks, Robert. I tried your suggestion but it return the same three result. Am I missing something?

{
      "layerId": "AquaGIS_Search2_6622_1",
      "url": "MyServiceURL",
      "name": "Valves Search",
      "placeholder": "Place or Address",
      "searchFields": [
        "ValveID"
      ],
      "displayField": "ValveID",
      "suggestionTemplate": "ID: ${ValveID}, System: ${System}",
      "exactMatch": true,
      "searchInCurrentMapExtent": false,
      "zoomScale": 2400,
      "maxSuggestions": 6,
      "maxResults": 6,
      "type": "query",

RobertScheitlin__GISP

Ha,

You would have to add a suggestionTemplate property:

suggestionTemplate: "ID: ${ValveID}, System: ${System}",

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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