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; } } }

Retain popup data after it is closed

rsharma

I want to retain popupdata which i filled in it, when i close the popup coming from marker symbol , and again open it, my popup refreshed.??

Finde mehr Beiträge mit dem Tag

Accepted answers

RobertScheitlin__GISP

Rajni,

You have a lot of unneeded redundancy in your code right now.

view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">toMap</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>x<SPAN class="punctuation token">:</SPAN>evt<SPAN class="punctuation token">.</SPAN>x<SPAN class="punctuation token">,</SPAN> y<SPAN class="punctuation token">:</SPAN> evt<SPAN class="punctuation token">.</SPAN>y<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

This portion produces a point class in WKID 102100 (web mercator).

So there is no need for all this code:

<SPAN class="keyword token">var</SPAN> coords <SPAN class="operator token">=</SPAN> <SPAN class="string token">"Lat/Lon "</SPAN> <SPAN class="operator token">+</SPAN> pt<SPAN class="punctuation token">.</SPAN>latitude <SPAN class="operator token">+</SPAN> <SPAN class="string token">" "</SPAN> <SPAN class="operator token">+</SPAN>pt<SPAN class="punctuation token">.</SPAN>longitude<SPAN class="punctuation token">;</SPAN>
<SPAN class="comment token">/* console.log(markertype+" "+comment);*/</SPAN>
<SPAN class="keyword token">var</SPAN> p <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
  longitude<SPAN class="punctuation token">:</SPAN> pt<SPAN class="punctuation token">.</SPAN>latitude<SPAN class="punctuation token">,</SPAN>
  latitude<SPAN class="punctuation token">:</SPAN> pt<SPAN class="punctuation token">.</SPAN>longitude<SPAN class="punctuation token">,</SPAN>
  spatialReference<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">4326</SPAN><SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

So your code would look like this instead:

view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"click"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>evt<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>getmarkerclick<SPAN class="operator token">==</SPAN><SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
    <SPAN class="keyword token">var</SPAN> p <SPAN class="operator token">=</SPAN> view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">toMap</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>x<SPAN class="punctuation token">:</SPAN>evt<SPAN class="punctuation token">.</SPAN>x<SPAN class="punctuation token">,</SPAN> y<SPAN class="punctuation token">:</SPAN> evt<SPAN class="punctuation token">.</SPAN>y<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    <SPAN class="keyword token">var</SPAN> changedSymbol <SPAN class="operator token">=</SPAN> <SPAN class="token function">changedsymbol</SPAN><SPAN class="punctuation token">(</SPAN>markertype<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    <SPAN class="keyword token">var</SPAN> g <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
      geometry<SPAN class="punctuation token">:</SPAN> p<SPAN class="punctuation token">,</SPAN>
      symbol<SPAN class="punctuation token">:</SPAN> changedSymbol<SPAN class="punctuation token">,</SPAN>
      attributes<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
        newDevelopment<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"new marker"</SPAN><SPAN class="punctuation token">,</SPAN>
        state<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"new"</SPAN><SPAN class="punctuation token">,</SPAN>
        uniquetype<SPAN class="punctuation token">:</SPAN> markertype<SPAN class="punctuation token">,</SPAN>
        markerId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"static"</SPAN><SPAN class="punctuation token">,</SPAN>
        comment<SPAN class="punctuation token">:</SPAN> comment
      <SPAN class="punctuation token">}</SPAN>
    <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
  <SPAN class="punctuation token">}</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//End view click‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

I assume that "markertype" is a global var somewhere else in your code?

All comments

RobertScheitlin__GISP

Rajni,

It is as simple as saving that text as an attribute to the graphic in your database and then when you recreate from the DB you you set the popup content to that attribute.

rsharma

can you pls give one example, as i have multiple markers with popup, each have different popup values in its textbox. how can i differentiate between each of them

RobertScheitlin__GISP

Rajni,

This is what the popup has always been designed to do. Show unique data based on the feature clicked. It does this using the features attributes.

      <SPAN class="keyword token">function</SPAN> <SPAN class="token function">addMarker</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">var</SPAN> getmarker <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN>
          x<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"172.49720789367655"</SPAN><SPAN class="punctuation token">,</SPAN>
          y<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"-43.48319644512304"</SPAN><SPAN class="punctuation token">,</SPAN>
          content<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"This popup one content"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
          x<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"172.50933147842412"</SPAN><SPAN class="punctuation token">,</SPAN>
          y<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"-43.48894119812065"</SPAN><SPAN class="punctuation token">,</SPAN>
          content<SPAN class="punctuation token">:</SPAN><SPAN class="string token">"This popup two content"</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">]</SPAN>
        getmarker<SPAN class="punctuation token">.</SPAN><SPAN class="token function">forEach</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>marker<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
          <SPAN class="keyword token">var</SPAN> p <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Point</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
            longitude<SPAN class="punctuation token">:</SPAN> marker<SPAN class="punctuation token">.</SPAN>x<SPAN class="punctuation token">,</SPAN>
            latitude<SPAN class="punctuation token">:</SPAN> marker<SPAN class="punctuation token">.</SPAN>y<SPAN class="punctuation token">,</SPAN>
            spatialReference<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
              wkid<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">4326</SPAN>
            <SPAN class="punctuation token">}</SPAN>
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
          <SPAN class="keyword token">var</SPAN> g <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Graphic</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
            geometry<SPAN class="punctuation token">:</SPAN> webMercatorUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">geographicToWebMercator</SPAN><SPAN class="punctuation token">(</SPAN>p<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
            symbol<SPAN class="punctuation token">:</SPAN> textSymbol<SPAN class="punctuation token">,</SPAN>
            attributes<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
              newDevelopment<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"new marker"</SPAN><SPAN class="punctuation token">,</SPAN>
              state<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"new"</SPAN>
            <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
            popupTemplate <SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
              title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">,</SPAN>
              content<SPAN class="punctuation token">:</SPAN> marker<SPAN class="punctuation token">.</SPAN>content
            <SPAN class="punctuation token">}</SPAN>
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
          markerGL<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>g<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

rsharma

Sir,

I think you haven't understood, user will enter any value in textbox of popup and on save buton i am saving it in db, but when i again open that popup my popup do contain content body,but data gone entered by user???

actually i m looking for tht data to stay. Your example only change body of popup

RobertScheitlin__GISP

Are you saying that you already have the part of entering and saving to the database working? If so then my code above should work for you as it takes values from your database and adds them as the content of the features popup.

rsharma

Yes, i have already done entering and saving data in db, i have one textbox which takes data from user and save in db, but your code do not work, as i am already defining body for in its content popup for all markers and and this code below of urs wiill replace my basic editable html. actually i have to see those popup data on my same editing mode popup

content<SPAN class="">:</SPAN> marker<SPAN class="">.</SPAN>content

RobertScheitlin__GISP

Rajni,

Without seeing how you are defining the markers popup to begin with I am not sure how I would know what you are doing.

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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