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