How do I make these fields editable?

ChrisSergent — Sat, 11 Dec 2021 07:57:34 GMT

The following fields display in a popup box when the user clicks on them. How do I get the editor form to appear instead?:

 infoTemplate: {
      title: '<b>Request ${objectid}</b>',
      content: '<span class="infoTemplateContentRowLabel">Date: </span>' +
          '<span class="infoTemplateContentRowItem">${requestdate:DateFormat}</span><br><span class="infoTemplateContentRowLabel">Phone: </span>' +
          '<span class="infoTemplateContentRowItem">${phone:formatPhoneNumber}</span><br><span class="infoTemplateContentRowLabel">Name: </span>' +
          '<span class="infoTemplateContentRowItem">${name}</span><br><span class="infoTemplateContentRowLabel">Severity: </span>' +
          '<span class="infoTemplateContentRowItem">${severity:severityDomainLookup}</span><br><span class="infoTemplateContentRowLabel">Type: </span>' +
          '<span class="infoTemplateContentRowItem">${requesttype:requestTypeDomainLookup}</span><br><span class="infoTemplateContentRowLabel">Comments: </span>' +
          '<span class="infoTemplateContentRowItem">${comment}</span>'
    }
  };

The form startup is I believe, the following, but I am not sure:

// initialize the request type drop down
  var initAttributeForm = function() {
    var options = [];
    for (var key in app.requestTypeFieldDomainCodedValuesDict) {
      if (app.requestTypeFieldDomainCodedValuesDict.hasOwnProperty(key)) {
        options.push('<option value="' + key + '">' + app.requestTypeFieldDomainCodedValuesDict[key] + '</option>');
      }
    }
    app.requestTypeSelect.innerHTML = options.join('');
  };

Here is the app online: csergent45/streetSigns · GitHub

Kelly Hutchins or Robert Scheitlin, GISP is it possible to use this:

layer.on("click", function(evt) {
              event.stop(evt);
              if (evt.ctrlKey === true || evt.metaKey === true) { //delete feature if ctrl key is depressed
                layer.applyEdits(null,null,[evt.graphic]);
                currentLayer = this;
                editToolbar.deactivate();
                editingEnabled=false;
              }
            });
          });

but instead use the startCaptureRequest function like so. but this did not work. I was hoping to pull up the form. Wait, I need an edit form too, don't I? Not just a submit form? :

layer.on("click", function(evt) {

// temporarily show alert when starting edits

// and then start listening for a map click

var startCaptureRequest = function (severity) {

var listener;

// NOTE: once user has clicked 'x' to dismiss

// this alert, it will no longer show up

domStyle.set(app.startEditAlert, 'display', '');

setTimeout(function () {

domStyle.set(app.startEditAlert, 'display', 'none');

}, 3000);

// save map point in app global and

app.currentSeverity = severity;

listener = app.map.on('click', function (e) {

listener.remove();

// save map point in app global and

// show form to collect incident report

app.currentGeometry = e.mapPoint;

app.attributesModal.modal('show');

});

};

}

Here is my app that I published online. I am trying to make it so I can edit the points: Street Signs

Re: How do I make these fields editable?

RobertScheitlin__GISP — Wed, 18 Mar 2015 17:15:26 GMT

Chris,

It will be easier if you focus on getting the "Add street sign or support" form working for adding a new point first. Change all the form items to use your attributes etc. Then once you have done that it will be easier for us to help you pop that up when you click on a streetsign. Right now neither the popup or the add form matches your actual data.

Re: How do I make these fields editable?

ChrisSergent — Wed, 18 Mar 2015 17:51:45 GMT

Good point. I think I can modify the form on my own. Once that's done I can start a new thread. Appreciate the advice.

topic How do I make these fields editable? in ArcGIS JavaScript Maps SDK Questions

How do I make these fields editable?

Re: How do I make these fields editable?

Re: How do I make these fields editable?