view.whenLayerView(featureLayer).then(function(layerView) { layerView.watch("updating", function(value) { if (!value) { // wait for the layer view to finish updating // query all the features available for drawing. layerView .queryFeatures({ geometry: view.extent, returnGeometry: true, orderByFields: ["GEOID"] }) .then(function(results) { graphics = results.features; const fragment = document.createDocumentFragment(); graphics.forEach(function(result, index) { const attributes = result.attributes; const name = attributes.NAME; // Create a list zip codes in NY const li = document.createElement("li"); li.classList.add("panel-result"); li.tabIndex = 0; li.setAttribute("data-result-id", index); li.textContent = name; fragment.appendChild(li); }); // Empty the current list listNode.innerHTML = ""; listNode.appendChild(fragment); }) .catch(function(error) { console.error("query failed: ", error); }); } }); });