#feature-service-editor

DEPRECATED as of April, 2015 This editor has been replaced by esri/digit/FeatureTable.

This ready-to-go JavaScript prototype provides very basic SQL-like capabilities to add, delete, edit or search for data in "point" based feature services with or without a map. It is intended for reading any valid ArcGIS FeatureService.

Use this application as-is, embed it in your own application, extend or modify it to meet your needs. Basically have fun, and feedback or contributions are appreciated!

Instructions (Four easy steps)

1. Copy-and-paste a FeatureService endpoint into the field labeled "Feature Service", or use the pulldown list and set up your own FeatureServices using the ComboBox.
   • IMPORTANT: The FeatureService must have an OBJECTID field.
2. Click the "Load" button.
3. Double click on any field to enable the edit mode. Edit the field. For that row the Save, Undo and Delete buttons should become visible and enabled.
4. When you are done editing select "Save", "Undo" or "Delete".

To add a new row of data

Allows for the ability to add one new row of data at a time.

1. After loading a feature service, select the "Add Record" button. This creates a new grid that you can use to enter the data. It should be highlighted with yellow cells.
2. Enter your changes in the new grid.
3. When you are done adding data select "Save" or "Undo".
4. Or, if you want to delete your changes without saving them select the "Remove New Record" button.

Using Query String

Query String lets you set the SQL string for returning data. When left blank it will return all data. As an example, to data for record 115 would be to specify: objectId='115'.

To hook your map to grid events

In order to hook a map up to the datagrid events, tie your map code into the appropriate listener in the featureEditor.utils._setListeners function. As shown in the code snippet below, clicking on a row returns an Object containing all the data:

	featureEditor.dgridRowClickListener = featureEditor.grid.on(".dgrid-row:click",function(event){
    	var localFeature = featureEditor.grid.row(event);
        console.log(localFeature.data);        
    });

And, here is an example of the data contained in the localFeature Object. It has everything you need to extract the information and to either build a map Graphic on-the-fly, or to use a unique attribute (e.g. BSID in this example) to parse through a map's feature layer and activate the popup.

This is an example of localFeature.data:

data: Object
	BSID: "17178"
	DIR: "S"
	DISTANCE_F: "1125"
	LAT: "39.7926441"
	LNG: "-104.978336"
	LOCATION: "M"
	OBJECTID: "16"
	ROUTES: "12"
	STOPNAME: "Washington St & 55th Ave"
	X_COORD: "3146592.54170809"
	Y_COORD: "1714022.41966042"

Here's a view of the Object from the Chrome browser's console showing that you can extract the OBJECTID value using localFeature.id:

localFeature: y.postscript._Row
	data: Object
	element: div#grid-row-16.dgrid-row.dgrid-row-even.ui-state-default
	id: "16"

Main Editor Window

Add Record Window

![] (screenshot4.png)

Control Panel

Grid Legend Control Panel

Requirements

• IMPORTANT: Requires a valid ArcGIS Feature Service that contains an OBJECTID field.
• IMPORTANT: Always secure your services when allowing editing! For more information on securing your services go here.
• Experience with JavaScript and some experience with the ArcGIS API for JavaScript.
• Tested to work on Desktop versions of Chrome 26 & 27, Firefox 21, Internet Explorer 9. The current version has not been architected to work on a mobile device.

Resources

• ArcGIS API for JavaScript Resource Center
• ArcGIS Blog
• twitter@esri

Issues

Find a bug or want to request a new feature? Please use the submit new Issue feature on this repo.

Contributing

Anyone and everyone is welcome to contribute.

Licensing

Copyright 2014 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

[](Esri Tags: JavaScript Feature Service Editing) [](Esri Language: JavaScript)