topic Are there any tutorials that will demonstrate how to create a form for editing? in ArcGIS JavaScript Maps SDK Questions

Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Tue, 17 Mar 2015 21:32:31 GMT

I am trying to create a mobile application for field use, but the pop-up editor is too small. It's discussed here in this blog: Editing pop-UPs got you DOWN? | ArcGIS Blog

Are there any tutorials that cover how to do this in the Esri JS API?

Re: Are there any tutorials that will demonstrate how to create a form for editing?

KellyHutchins — Tue, 17 Mar 2015 21:54:04 GMT

There is some good info on divintohtml5 about creating forms that make it easy for users on mobile devices to input info.

Basically you just want to create a form and then when users enter the info and click some form of submit button you use the Feature Layer applyEdits method to write the attribute info to the service. I think I sent you the code to the Graffiti app? If so that app uses a custom form and applyEdits to add a feature so its one example of how to accomplish the task.

Re: Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Tue, 17 Mar 2015 22:01:34 GMT

You did send me that code, but I just didn't know how to integrate the code into my app. I am just trying to understand how to make the edits apply to the feature service and I am not getting it. The editing widget does it all for you.

Re: Are there any tutorials that will demonstrate how to create a form for editing?

KellyHutchins — Sun, 12 Dec 2021 02:30:21 GMT

So if you aren't using the editor you need to handle the updates. You can do so using FeatureLayer.applyEdits. The Edit without Editor sample in the help shows how this works. Basically you create a new graphic using the input geometry and assign the attribute (which you get from the form).

                var attr = {
                    "email": dom.byId("report_email").value || null,
                    "description": dom.byId("report_desc").value || null,
                    "date": dom.byId("report_date").value || null
                };


              graphic.setAttributes(attr);


                graphic.setAttributes(attr);

Then use applyEdits to add the feature.

featureLayer.applyEdits([graphic], null, null.......

Re: Are there any tutorials that will demonstrate how to create a form for editing?

KellyHutchins — Tue, 17 Mar 2015 22:12:46 GMT

You might also want to take a look at this sample:

Attribute editing - mobile | ArcGIS API for JavaScript

Re: Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Wed, 18 Mar 2015 14:45:22 GMT

I like the answer before this one best, but I need to learn bootstrap. Needing to learn what causes the form to pop-up. But I'm going to try and modify this one for my project. Thanks.

Re: Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Wed, 18 Mar 2015 14:45:50 GMT

Just one question on this one. How do I determine the feature that was clicked on?

Re: Are there any tutorials that will demonstrate how to create a form for editing?

KellyHutchins — Wed, 18 Mar 2015 16:29:41 GMT

You'll want to listen for the feature layer's click event. Here's an example:

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;
              }
            });
          });

Re: Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Wed, 18 Mar 2015 16:36:46 GMT

Thanks Kelly Hutchins I've got a lot to learn in editing. I hope it gets easier with practice. But this helps.

Re: Are there any tutorials that will demonstrate how to create a form for editing?

williamcarr — Wed, 18 Mar 2015 18:57:47 GMT

We use a couple html drop downs and table forms to create table records for our inspection, like Kelly mentioned, then just stuff it in a TitlePane. Works pretty well so far.

Re: Are there any tutorials that will demonstrate how to create a form for editing?

ChrisSergent — Fri, 24 Apr 2015 16:29:59 GMT

Kelly Hutchins I had one more question on this. I think it relates, so I didn't create a new thread. I want to populate the form when the user clicks on a point for editing. What would I need to write to get the information for the individual fields, like if a field was named: PipeId and the form was named pipeId?