nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Edit data store to MongoDB (MEAN)

WildiyantoYawin

hi,

i got a marker points and attributes that i store on MongoDB, i use MEAN to create this web. But i got a problem when i want to edit my data.

How do i edit data on that popup? Or is there any others way to edit when i click the marker point?

Thanks

Find more posts tagged with

Accepted answers

ReneRubalcava

You can customize the PopupTemplate however you want.

Get started with PopupTemplate | ArcGIS API for JavaScript 4.0

You can also define custom actions for the Popup.

Define custom Popup actions | ArcGIS API for JavaScript 4.0

All comments

ReneRubalcava

You can customize the PopupTemplate however you want.

Get started with PopupTemplate | ArcGIS API for JavaScript 4.0

You can also define custom actions for the Popup.

Define custom Popup actions | ArcGIS API for JavaScript 4.0

WildiyantoYawin

Thank you again Rene Rubalcava

I want to ask more.

From the first image. It got a popup when i click on the points. In place of email and phone number, i want to show a "Click to show email" and "Click to show phone" to avoid bot. Is there any method to do this?

//Update

i tried jQuery. but i think jQuery doesnt work on Popup? because i try to add class to the div and console log but nothing happened.

ReneRubalcava

You can use the "click" event of the View and "view.hitTest()" as shown here.

MapView | API Reference | ArcGIS API for JavaScript 4.0

WildiyantoYawin

Thank you Rene Rubalcava for the answer.

Okay. So is there a way to retrive data on the marker that i click?

I want to get data attribute and put it on my input field on the right bottom div.

Thank You.

ReneRubalcava

The JS API doesn't provide specific editing support for external services/db like MongoDB. 4.0 doesn't have editing currently, but even in 3.x you can only edit FeatureServices.

In both 3.x and 4.x you'll need to create a custom interface to edit your MongDB data.

In 3.x, you'll want to do something similar to this sample.

ArcGIS API for JavaScript Sandbox

Where you can move the points, updating the coordinates and then you will need to publish those updates back to your service via a CRUD API of your own.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.