Add link to query display, zoom.

williamcarr — Thu, 12 Jun 2014 13:11:59 GMT

Greetings,
I'm working on a public application to show the location of water utility boil orders and hydrant flushing to it's users. I wish to include a zoom function to the query so that when a polygon is created it will be display and have a button/link/object(preferably the field describing the location) to click on that will zoom to the polygon feature.

Best I can figure, I need to add the accordion panein the script in order to add these additional abilities to the query.

Here is my query:

      panther ();
        function panther() {
         query1.where = " active boil orders only";  
          console.log(query1.where);
          queryTask1.execute(query1, showResults1);
  }
     
          function showResults1 (results) {
         console.log("Q1");
          var resultItems = [];
          var resultCount = results.features.length;
          for (var i = 0; i < resultCount; i++) {
            var featureAttributes = results.features.attributes;
            for (var attr in featureAttributes) {
              resultItems.push("<b>" + attr + ":</b>  " + featureAttributes[attr] + "<br>");
            }
            resultItems.push("<br>");
          }
          dom.byId("info1").innerHTML = resultItems.join("");
          dom.byId("info1c").innerHTML = resultCount;
        }

And this is the accordion container to display the query(pardon the otter based lorem ipsum:

  var aContainer = new AccordionContainer({style:"height: 300px"}, "markup");
    aContainer.addChild(new ContentPane({
        title: "About Boil Orders",
        content: "Boil orders is what we do when someone put a river otter in our lines."
    }));
    aContainer.addChild(new ContentPane({
        title:"About Hydrant Flushing",
        content:"This is how we flush out the otters."
    }));
    aContainer.addChild(new ContentPane({
        title:"Current Boil Orders",
        content:"mmmmm... boiled otter"
    }));
      aContainer.addChild(new ContentPane({
        title:"Current Flushes",
        content:"Like a toilet, otter style."
    }));
    aContainer.startup();

This is where I'm not sure where to go.
I'm not dead set on this concept, so if anyone has a better idea one how to make this happen. Any help, links, advice would be most appreciated.

Thanks

topic Add link to query display, zoom. in ArcGIS JavaScript Maps SDK Questions

Add link to query display, zoom.