Latest Contributions by RyanGatchell1

Works fine if you pass an element like so: // rest of your code above //Check is the layer is queryable if (restService.label.includes("*")) { disLayer = new FeatureLayer({ title: restService.label, url: restService.restServiceLink, outFields: ["*"], // Return all fields so it can be queried client-side popupTemplate: { // Enable a popup title: "<b>" + restService.label + ": {" + restService.searchAndPopupFieldName + "} </b>", content: setContentInfo } }); } function setContentInfo() { let div = document.createElement("div"); div.innerHTML = "test test test"; return div; }       ... View more

Yeah, @BenRomlein, I saw those too, those were the 4.4 API results I was seeing. I too have the developers site bookmarked, but am truly a lazy developer that only ever opens new browser tabs and starts typing 😉. For the most part, I just use the links VS Code will provide in the hints when hovering over an ArcGIS JS API class but if I haven't added the import statement yet and not really sure where I am going (like the changes with print/print template/etc. from 4.19 to 4.20) I still end up using the Google.  In any case, @AndyGup et al are on the case, satisfied that someday my lazy workflow will again be acceptable.  ... View more

Thanks Andy, glad you're on it.  ... View more

Kevin MacLeod I think the issue you're experiencing is due to wrong paths in your import statements; the dojo-typings should just contain the classes for typescript not the actual JavaScript modules. The 4.x API is a bit different than the 3.x and a lot of things you would have used dojo's "on" for  already have built in on methods in 4.x.  ... View more

Edited: for those of us uninitiated in typescript, what divya bathina‌ is describing is using a triple slash directive. Putting this directive at the top of a .ts file helps the tsc figure out where to look for the typings.  ... View more

I ended up using the REST API's appyEdits method. I had to loop through the form, get the files from the input (user could upload more than one image), upload the images to the service and get back the upload id's, then do the post using applyEdits with the attachments in the callback from the upload posts. The docs say that base64 strings will work too, but I hacked away at that for hours before giving up and using the upload method Here's my function for getting the files from a form: function getTheFiles() { var filesArr = []; var inputForms = attachmentsNode.querySelectorAll("form"); for(var i = 0; i < inputForms.length; i++) { var input = inputForms[i].querySelectorAll("input[type=file]"); if(input[0].files.length > 0) { filesArr.push(input[0].files[0]) } } return filesArr; }‍‍‍‍‍‍‍‍‍‍‍ And here's the upload: function uploadFilesFunction(filesArr, config, callback){ uploadItems = []; if(filesArr.length > 0){ var counter = 0; filesArr.forEach(function(file, filesIndex) { var uploadFormData = new FormData(); // add key value pairs for the request to this object var xhr = new XMLHttpRequest(); var baseEditUrl = config.serviceUrls.edit.substring(0, config.serviceUrls.edit.length -2); var uploadUrl = baseEditUrl + "/uploads/upload"; xhr.open("POST", uploadUrl); xhr.onerror = function(err){ console.error("this is the error handler from xhr for file upload", err); resetMainControls(); hideLoadingDiv(); showMessages(errorReportMessage, false); }; var fileType = filesArr[filesIndex].type; xhr.onreadystatechange = function(evt) { // Call a function when the state changes. if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { var response = JSON.parse(xhr.response); if (response.hasOwnProperty("success")) { if (response.success){ uploadItems.push({ "globalId": uuidv4(), "parentGlobalId": parentGlobalId, "contentType": fileType, "name": response.item.itemName, "uploadId": response.item.itemID }); counter += 1; if(callback){ if(counter == filesArr.length){ callback(uploadItems, config); } } } } else { console.log("item didn't upload"); console.log(response); } } } uploadFormData.append("f", "json"); uploadFormData.append("file", filesArr[filesIndex]); // counter += 1; xhr.send(uploadFormData); }); } else { callback(uploadItems, config) } } // second function to call when first function resolves: function doThePostPart(uploadItems, config){ console.log("doThePostPart started") var feature = { "geometry": graphic.geometry, "attributes": graphic.attributes }; var applyEditsFormData = new FormData(); applyEditsFormData.append("f","json"); applyEditsFormData.append("useGlobalIds", true); applyEditsFormData.append("adds",JSON.stringify([feature])); applyEditsFormData.append("attachments",JSON.stringify({"adds":uploadItems})); var xhrApplyEdits = new XMLHttpRequest(); xhrApplyEdits.open("POST", config.serviceUrls.edit + "/applyEdits"); xhrApplyEdits.onreadystatechange = function(response) { // Call a function when the state changes. if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { resetMainControls(); hideLoadingDiv(); showMessages(reportMessage, false); } }; xhrApplyEdits.onerror = function(err){ console.error("this is the error handler from xhrApplyEdits", err); resetMainControls(); hideLoadingDiv(); showMessages(errorReportMessage, false); }; xhrApplyEdits.send(applyEditsFormData); } var theFiles = getTheFiles(); uploadFilesFunction(theFiles, this.config, doThePostPart) // call to start the chain‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ Hope this helps if anyone out there is in the same predicament, and thanks Dom for reminding me to share when we find working solutions  . ... View more

462 Views of a two year old post and no replies? Come on Esri staff, break away from the UC for a minute and at least take a stab at it! ... View more

Thanks John! It was the iCloud photo library. Very much appreciated, Ryan ... View more