topic Re: FindTask Live Search in ArcGIS JavaScript Maps SDK Questions

FindTask Live Search

Salomon_VágadalJoensen — Tue, 17 Jan 2012 12:18:26 GMT

How do I implement a Live Search functionality into this http://help.arcgis.com/en/webapi/javascript/arcgis/demos/find/find_map_datagrid.html sample?

I've looked around the Web a bit, and I'm at loss where to start.

Re: FindTask Live Search

derekswingley1 — Tue, 17 Jan 2012 13:47:11 GMT

What is "Live Search"?

Re: FindTask Live Search

Salomon_VágadalJoensen — Wed, 18 Jan 2012 07:09:25 GMT

With Live Search, I mean a search box that returns an updated search result in a drop-down box for every key-press. Think Google's suggestion box returned from the user's typing. IDK if this is clear enough.

Re: FindTask Live Search

Salomon_VágadalJoensen — Sat, 11 Dec 2021 09:34:59 GMT

Well, I've worked out how to do it, but it still needs more work.

I've used Query to do it, to get query results from the server. I got most of the functionality and setup from this sample:

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jssamples/query_nomap.html

Where I use esri.tasks.Query to query the MapServer for results

  function queryResults(results) {
   queryHaldari = queryFilter(results);
   
   console.log(queryHaldari);
   
   s = "";
   for (var i=0, il=queryHaldari.length; i<il; i++) {
     
    s = s + "<div><b>Veganavn:</b> " + queryHaldari[0].attributes.veganavn + ", <b>Bygd:</b> " + queryHaldari[0].attributes.bygd_1 + "<br /></div>";

   }
   dojo.byId("searchList").innerHTML = s;
  }

  function queryResults2(results) {
   queryHaldari = queryFilter(results);

   console.log(queryHaldari);
   
   for (var i=0, il=queryHaldari.length; i<il; i++) {
     
    s = s + "<div><b>Veganavn:</b> " + queryHaldari[0].attributes.veganavn + ", <b>Bygd:</b> " + queryHaldari[0].attributes.bygd_1 + "<br /></div>";

   }
   dojo.byId("searchList").innerHTML = s;
  }

This is the main component, nevermind the other function calls.

Now I'm trying to get more functionality to s and give it like onmouseover and onmouseout and onclick, but I'm uncertain on how to add that programmatically.

Re: FindTask Live Search

Marie-GilSeptfonds — Fri, 20 Jan 2012 11:32:04 GMT

Hello,

In the past I've tried to implement an autocomplete (live search ?) for searching an adress which is updated at any key pressed.

I didn't find a solution with a Mapservice.

The only one solution I've found, is to use a PHP wich sends a request to my Database (Oracle) and return the response in a json format.
This Json is formatted for a dojox.data.QueryReadStore which is conected dijit.form.FilteringSelect.

[ATTACH=CONFIG]11321[/ATTACH]

Re: FindTask Live Search

Salomon_VágadalJoensen — Fri, 20 Jan 2012 14:21:31 GMT

Nice, that is somewhat I want it to look like; now I send the results to a div that I format programmatically and it's quite ugly compared to your method.

Re: FindTask Live Search

Salomon_VágadalJoensen — Fri, 20 Jan 2012 16:11:44 GMT

This is how it looks now, I'm pretty happy with how it turned out, I just need to do some CSS and add onclick, onfocus and make it able to scroll between autocomplete (live search) results.