by
1 Solution
Accepted Solutions
by
by
by
Hi Robert,
I tried different ways and now i can get my layer, but still some problem. When i click ones it returns layer, but in my form it does not appear and when i click second time it appears in form, but when i change text it returns error :
---- Uncaught TypeError: Cannot convert undefined or null to object
Here is a screen shot and code (Code is a standard Applyedits, just to show you where featutreLayer goes) for review:.png)
view.on("click", function(event) {
view.hitTest(event)
.then(getGraphics);
})
function getGraphics(response) {
var graphic = response.results[0].graphic;
var attributes = graphic.attributes;
var ido = graphic.layer;
console.log(ido)
const featureForm = new FeatureForm({
container: "formDiv",
layer: ido,
fieldConfig: [
{
name: "komentari",
label:"komentari",
}
]
});
document.getElementById(formDiv)
featureForm.on("submit", function() {
if (editFeature) {
const updated = featureForm.getValues();
Object.keys(updated).forEach(function(name) {
editFeature.attributes.komentari =
document.getElementById("Req_Code").value;
});
const edits = {
updateFeatures: [editFeature]
};
applyEditsToIncidents(edits);
document.getElementById("viewDiv").style.cursor = "auto";
}
});
selectExistingFeature();
function applyEditsToIncidents(params) {
unselectFeature();
ido
.applyEdits(params)
.then(function(editsResult) {
if (
editsResult.addFeatureResults.length > 0 ||
editsResult.updateFeatureResults.length > 0
) {
unselectFeature();
let objectId;
if (editsResult.addFeatureResults.length > 0) {
objectId = editsResult.addFeatureResults[0].objectId;
} else {
featureForm.feature = null;
objectId = editsResult.updateFeatureResults[0].objectId;
}
selectFeature(objectId);
if (addFeatureDiv.style.display === "block") {
toggleEditingDivs("none", "block");
}
}
else if (editsResult.deleteFeatureResults.length > 0) {
toggleEditingDivs("block", "none");
}
})
.catch(function(error) {
console.log("===============================================");
console.error(
"[ applyEdits ] FAILURE: ",
error.code,
error.name,
error.message
);
console.log("error = ", error);
});
}
function selectExistingFeature() {
view.on("click", function(event) {
// clear previous feature selection
unselectFeature();
if (
document.getElementById("viewDiv").style.cursor != "crosshair"
) {
view.hitTest(event).then(function(response) {
// If a user clicks on an incident feature, select the feature.
if (response.results.length === 0) {
toggleEditingDivs("block", "none");
} else if (
response.results[0].graphic &&
response.results[0].graphic.layer == ido
) {
if (addFeatureDiv.style.display === "block") {
toggleEditingDivs("none", "block");
}
selectFeature(
response.results[0].graphic.attributes[
ido.objectIdField
]
);
}
});
}
});
}
function selectFeature(objectId) {
// query feature from the server
ido
.queryFeatures({
objectIds: [objectId],
outFields: ["*"],
returnGeometry: true
})
.then(function(results) {
if (results.features.length > 0) {
editFeature = results.features[0];
// display the attributes of selected feature in the form
featureForm.feature = editFeature;
console.log(editFeature.attributes.komentari)
document.getElementById("Req_Code").value = editFeature.attributes.komentari;
view.whenLayerView(editFeature.layer).then(function(layerView) {
highlight = layerView.highlight(editFeature);
});
}
});
}
const addFeatureDiv = document.getElementById("addFeatureDiv");
const attributeEditing = document.getElementById("featureUpdateDiv");
function unselectFeature() {
if (highlight) {
highlight.remove();
}
}
document.getElementById("btnUpdate").onclick = function() {
// Fires feature form's submit event.
featureForm.submit();
//removeLR()
};
};by
