#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!
- 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
OBJECTIDfield.
- IMPORTANT: The FeatureService must have an
- Click the "Load" button.
- 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.
- When you are done editing select "Save", "Undo" or "Delete".
Allows for the ability to add one new row of data at a time.
- 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.
- Enter your changes in the new grid.
- When you are done adding data select "Save" or "Undo".
- Or, if you want to delete your changes without saving them select the "Remove New Record" button.
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'.
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"
![] (screenshot4.png)
- IMPORTANT: Requires a valid ArcGIS Feature Service that contains an
OBJECTIDfield. - 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.
Find a bug or want to request a new feature? Please use the submit new Issue feature on this repo.
Anyone and everyone is welcome to contribute.
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)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent