AutoPopulate field

NickErlacker · ‎05-12-2014

When one is editing a Feature Layer in the JavaScript viewer and they add a new feature. Is there a way to auto populate a particular field?
I know you can set a default value in the database for that field. But I want the value to be based off of the Day and time in one string of numbers. I read that you can use the before-apply-edits event? How ? is there an example out there that shows this ? Or any example that shows how to auto populate a field with the editor widget?

Thank you
Nick

HectorChapa · ‎10-24-2014

Do you have teamviewer?

MatthewGoulet1 · ‎10-24-2014

No, I don’t unfortunately.

HectorChapa · ‎10-24-2014

This is what I did.

map.addLayers([events]);

	function initEditor(evt) {
	var featureLayer = evt.layers[0].layer;

	dojo.connect(featureLayer,'onBeforeApplyEdits',function(adds,deletes,updates){
	dojo.forEach(adds,function(add){

	if(add.attributes['psap'] === null){
	add.attributes['psap'] = psap;
	}
	});
	});

HectorChapa · ‎10-24-2014

here is my email if you need more help hchapa@lrgvdc911.org

Email me and I give you my work number so you can see what I did.

MatthewGoulet1 · ‎10-27-2014

Hector, you solution worked great! Thanks a lot.

The only thing that tripped me up was the placement of the code. In my case, the .connect functions were not firing until I moved them out of initEditor(evt) function. I put the onBeforeApplyEdits hook just before the .addLayers calls, and it worked perfectly.

Thanks again!

HectorChapa · ‎10-27-2014

I am glad I could help. I have develop many applications and I created libraries for many of the questions I ask and I have solved. Please email me I provided my contact information I am glad to help in the future.

LindaDunklee · ‎03-29-2016

Can someone clarify inside of the sample provided where Hector's code goes? This would be hugely helpful!

Thanks!

HectorChapa · ‎05-17-2016

I am adding a updated version of the code using AMD for anyone that is interested using. The one I provided was Legacy Dojo using dojo.connects.

I just wrote this five minutes ago. With this one you don't have to worry were the listener goes inside the function. This is a working exmaple.

The way it works once you click on the map to add a point then before apply edits executes and in there you tell javascript to edit a particular field automatic. It auto populates that field. Look for the listener that say before-apply-edits and I apply it to a particular attribute.

My Contact information:

email: hchapa@lrgvdc911.org

phone: 956-682-3481 ext. 143

<!DOCTYPE html>

<html>

<head>

<title>Edit rivers and waterbodies</title>

<style>

html,body{height:100%;width:100%;margin:0;overflow:hidden;}

#map{

padding:0;

}

#header{

font-size: 1.1em;

font-family: sans-serif;

padding-left: 1em;

padding-top:4px;

color:#660000;

}

.templatePicker {

border: none;

}

.dj_ie .infowindow .window .top .right .user .content { position: relative; }

.dj_ie .simpleInfoWindow .content { position: relative; }

</style>

var map;

require([

"esri/map",

"esri/tasks/GeometryService",

"esri/layers/ArcGISTiledMapServiceLayer",

"esri/layers/FeatureLayer",

"esri/Color",

"esri/symbols/SimpleMarkerSymbol",

"esri/symbols/SimpleLineSymbol",

"esri/dijit/editing/Editor",

"esri/dijit/editing/TemplatePicker",

"esri/config",

"dojo/i18n!esri/nls/jsapi",

"dojo/_base/array", "dojo/parser", "dojo/keys",

"dijit/layout/BorderContainer", "dijit/layout/ContentPane",

"dojo/domReady!"

], function(

Map, GeometryService,

ArcGISTiledMapServiceLayer, FeatureLayer,

Color, SimpleMarkerSymbol, SimpleLineSymbol,

Editor, TemplatePicker,

esriConfig, jsapiBundle,

arrayUtils, parser, keys

) {

parser.parse();

// snapping is enabled for this sample - change the tooltip to reflect this

jsapiBundle.toolbars.draw.start = jsapiBundle.toolbars.draw.start + "<br>Press <b>ALT</b> to enable snapping";

// refer to "Using the Proxy Page" for more information: https://developers.arcgis.com/javascript/3/jshelp/ags_proxy.html

esriConfig.defaults.io.proxyUrl = "/proxy/";

//This service is for development and testing purposes only. We recommend that you create your own geometry service for use within your applications.

esriConfig.defaults.geometryService = new GeometryService("https://utility.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");

map = new Map("map", {

basemap: "satellite",

center: [-96.541, 38.351],

zoom: 14,

slider: false

});

map.on("layers-add-result", initEditor);

//add boundaries and place names

var labels = new ArcGISTiledMapServiceLayer("https://server.arcgisonline.com/ArcGIS/rest/services/Reference/World_Boundaries_and_Places/MapServer");

map.addLayer(labels);

var responsePoints = new FeatureLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Wildfire/FeatureServer/0", {

mode: FeatureLayer.MODE_ONDEMAND,

outFields: ['*']

});

var responsePolys = new FeatureLayer("https://sampleserver6.arcgisonline.com/arcgis/rest/services/Wildfire/FeatureServer/2", {

mode: FeatureLayer.MODE_ONDEMAND,

outFields: ['*']

});

map.addLayers([responsePolys, responsePoints]);

responsePoints.on("before-apply-edits", function(evt){

console.log(evt);

if(evt.adds[0])

{

//Here you choose which attribute to update...

evt.adds[0].attributes.description = "Testing this one out works fine";

}

});

function initEditor(evt) {

var templateLayers = arrayUtils.map(evt.layers, function(result){

return result.layer;

});

var templatePicker = new TemplatePicker({

featureLayers: templateLayers,

grouping: true,

rows: "auto",

columns: 3

}, "templateDiv");

templatePicker.startup();

var layers = arrayUtils.map(evt.layers, function(result) {

return { featureLayer: result.layer };

});

var settings = {

map: map,

templatePicker: templatePicker,

layerInfos: layers,

toolbarVisible: true,

createOptions: {

polylineDrawTools:[ Editor.CREATE_TOOL_FREEHAND_POLYLINE ],

polygonDrawTools: [ Editor.CREATE_TOOL_FREEHAND_POLYGON,

Editor.CREATE_TOOL_CIRCLE,

Editor.CREATE_TOOL_TRIANGLE,

Editor.CREATE_TOOL_RECTANGLE

]

},

toolbarOptions: {

reshapeVisible: true

}

};

var params = { settings: settings };

var myEditor = new Editor(params, 'editorDiv');

//define snapping options

var symbol = new SimpleMarkerSymbol(

SimpleMarkerSymbol.STYLE_CROSS,

15,

new SimpleLineSymbol(

SimpleLineSymbol.STYLE_SOLID,

new Color([255, 0, 0, 0.5]),

5

),

null

);

map.enableSnapping({

snapPointSymbol: symbol,

tolerance: 20,

snapKey: keys.ALT

});

myEditor.startup();

}

});

</script>

</head>

Edit Hydrography

</div>

</div>

</div>

</body>

</html>