Hello Eben,
The built in Editor widget doesn't work so I combined the edit toolbar, attribute inspector, and template picker to get all the features to work. Here is the function I created. Add your own feature layer. Add the appropriate requires and use map.on("layers-add-result", initEditTool).
Sorry, I cannot upload the whole app, as the layers have sensitive material.
I used this as a guide and made minimal changes to get multipoint to work.
Hope this helps!
function initEditTool(results) {
var layers = array.map(results.layers, function(result) {
return result.layer;
});
var query = new Query();
array.forEach(layers, function(layer) {
layer.on("click", function(evt) {
if (map.infoWindow.isShowing) {
map.infoWindow.hide();
}
var layerInfos = [{
'featureLayer': layer,
'isEditable': false,
'showDeleteButton': false,
'showAttachments': false,
}]
var attInspector = new AttributeInspector({
layerInfos: layerInfos
}, domConstruct.create("div"));
query.objectIds = [evt.graphic.attributes.OBJECTID];
layer.selectFeatures(query, FeatureLayer.SELECTION_NEW, function(features) {
map.infoWindow.setTitle("");
map.infoWindow.setContent(attInspector.domNode);
map.infoWindow.resize(310, 165);
map.infoWindow.show(evt.screenPoint, map.getInfoWindowAnchor(evt.screenPoint));
});
});
});
var templatePicker = new TemplatePicker({
featureLayers: layers,
rows: 'auto',
columns: 'auto',
grouping: true
}, "templatePickerDiv");
templatePicker.startup();
var drawToolbar = new Draw(map);
var selectedTemplate;
templatePicker.on("selection-change", function() {
selectedTemplate = templatePicker.getSelected();
if (selectedTemplate) {
switch (selectedTemplate.featureLayer.geometryType) {
case "esriGeometryPoint":
drawToolbar.activate(Draw.POINT);
break;
case "esriGeometryPolyline":
selectedTemplate.template.drawingTool === 'esriFeatureEditToolFreehand' ? drawToolbar.activate(Draw.FREEHAND_POLYLINE) : drawToolbar.activate(Draw.POLYLINE);
break;
case "esriGeometryPolygon":
selectedTemplate.template.drawingTool === 'esriFeatureEditToolFreehand' ? drawToolbar.activate(Draw.FREEHAND_POLYGON) : drawToolbar.activate(Draw.POLYGON);
break;
case "esriGeometryMultipoint":
selectedTemplate.template.drawingTool === 'esriFeatureEditToolFreehand' ? drawToolbar.activate(Draw.MULTI_POINT) : drawToolbar.activate(Draw.MULTI_POINT) ;
break;
}
}
});
drawToolbar.on("draw-end", function(result) {
if (map.infoWindow.isShowing) {
map.infoWindow.hide();
}
drawToolbar.deactivate();
var fieldAttributes = layerFieldToAttributes(selectedTemplate.featureLayer.fields);
var newAttributes = lang.mixin(fieldAttributes, selectedTemplate.template.prototype.attributes);
var newGraphic = new Graphic(result.geometry, null, newAttributes);
var layerInfos = [{
'featureLayer': selectedTemplate.featureLayer,
'isEditable': true
}];
var attInspector = new AttributeInspector({
layerInfos: layerInfos
}, domConstruct.create("div"));
selectedTemplate.featureLayer.applyEdits([newGraphic], null, null, function() {
var screenPoint = map.toScreen(getInfoWindowPositionPoint(newGraphic));
map.infoWindow.setTitle("");
map.infoWindow.setContent(attInspector.domNode);
map.infoWindow.resize(325, 185);
map.infoWindow.show(screenPoint, map.getInfoWindowAnchor(screenPoint));
templatePicker.clearSelection();
});
attInspector.on("attribute-change", function(result) {
result.feature.attributes[result.fieldName] = result.fieldValue;
result.feature.getLayer().applyEdits(null, [result.feature], null);
});
attInspector.on("delete", function(result) {
result.feature.getLayer().applyEdits(null, null, [result.feature]);
map.infoWindow.hide();
});
});
}
function getInfoWindowPositionPoint(feature) {
var point;
switch (feature.getLayer().geometryType) {
case "esriGeometryPoint":
point = feature.geometry;
break;
case "esriGeometryPolyline":
var pathLength = feature.geometry.paths[0].length;
point = feature.geometry.getPoint(0, Math.ceil(pathLength / 2));
break;
case "esriGeometryPolygon":
point = feature.geometry.getExtent().getCenter();
break;
case "esriGeometryMultipoint":
point = feature.geometry.getExtent().getCenter();
break;
}
return point;
}
function layerFieldToAttributes(fields) {
var attributes = {};
array.forEach(fields.Object, function(field) {
attributes[field.name] = null;
});
return attributes;
}
