Latest Contributions by ChrisMathers1

I have a map with a slide out panel that houses a list of elevation certificates, the certificates are grouped into collapsing menus by year issued. My problem is that to build the menu out takes two queries since there are 1755 records. Being asynchronous by design JS does both in quick succession and builds out my menu in the order the queries come back. That means it may start with the second batch first. How can I make it do the first then the second? I'm already using execute(). then(). If I cant do it with the query logic but can combine the two feature sets somehow I could sort that and then build off the master feature set but I don't see how to do that either. If there is a better way to page through the feature class than using the start parameter of the query I'm open to completely reformulating this. var queryTask = new QueryTask({ url: "https://gis.baycountyfl.gov/arcgis/rest/services/ElevationCertificates/MapServer/0" }); var query = new Query(); query.returnGeometry = true; query.outFields = ["DateIssued","Address","OBJECTID"]; query.where = "1=1"; query.orderByFields = ["DateIssued"]; query.outSpatialReference = 3857; query.num = 1000; queryTask.executeForCount(query).then(function(count){ for (var step=0; step < count; step += 1000){ query.start = step; queryTask.execute(query).then(function(results){ for (var i=0; i < results.features.length; i++) { let recordDate = new Date(results.features[i].attributes.DateIssued); let recordYear = recordDate.getFullYear() if (!$("#content" + recordYear).length){ $("#addressListDiv").append('<button type="button" class="collapsible" id="button' + recordYear + '">' + recordYear + '</button>'); $("#addressListDiv").append('<div class="content" id="content' + recordYear + '"></div>'); $("#button" + recordYear).on("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } }); } let OBJECTID = results.features[i].attributes.OBJECTID let address = results.features[i].attributes.Address $("#content" + recordYear).append('<p class="address" id="' + OBJECTID + '">' + address + '</p>') let center = results.features[i].geometry; $("#" + OBJECTID).on("click", function(){ view.center = center; view.zoom = 18; }) } }) } }) });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more