Hi all, Robert Scheitlin, GISP I use ajax in Arcgis Javascript and hitTest to select some data and show it in modal window (these are uploaded images on server side in folders, each feature in map layer is connected to these folders using Wis_invent_N), but i have problem, e.g. i clicked several feature on map (e.g. 3 features) and on each click on map i get different info, but if i click info button (i have these button in popup window) again and again it shows these selected features one by one even though i have selected different feature on map, it stores data and does not show correct info when i continue click and get info from a map. I use 'cache: false' in $.ajax but it's not working. here is a piece of code i use view . on ( "click" , function ( event ) { view . hitTest ( event ) . then ( function ( response ) { if ( response . results . length ) { var graphic = response . results . filter ( function ( result ) { return result . graphic . layer === Wa ; } ) [ 0 ] . graphic ; //console.log(graphic.attributes); $ ( document ) . on ( 'click' , '#vf' , function ( ) // see uploaded images { var folder_name = 'inv_images/' + graphic . attributes . Wis_invent_N ; var action = "fetch_files" ; $ . ajax ( { cache : false , url : "action.php" , method : "POST" , data : { action : action , folder_name : folder_name } , success : function ( data ) { $ ( '#file_list' ) . html ( data ) ; $ ( '#filelistModal' ) . modal ( 'show' ) ; } } ) } ) ; var openFilebtn = document . getElementById ( "vf" ) ; function openFilesbtn ( ) { openFilebtn . click ( ) } ; view . popup . on ( "trigger-action" , function ( event ) { if ( event . action . id === "filelist" ) { openFilesbtn ( ) ; } } ) ; } } ) ; } ) ;

In your buttons click event I would use var folder_name = 'inv_images/' + view . popup.selectedFeature.attributes . Wis_invent_N ;

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

Cached data on click map

Vakhtang_Zubiashvili

Hi all, Robert Scheitlin, GISP‌

I use ajax in Arcgis Javascript and hitTest to select some data and show it in modal window (these are uploaded images on server side in folders, each feature in map layer is connected to these folders using Wis_invent_N), but i have problem, e.g. i clicked several feature on map (e.g. 3 features) and on each click on map i get different info, but if i click info button (i have these button in popup window) again and again it shows these selected features one by one even though i have selected different feature on map, it stores data and does not show correct info when i continue click and get info from a map.

I use 'cache: false' in $.ajax but it's not working.

here is a piece of code i use

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>event<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
           view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitTest</SPAN><SPAN class="punctuation token">(</SPAN>event<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
             <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">.</SPAN>results<SPAN class="punctuation token">.</SPAN>length<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
            <SPAN class="keyword token">var</SPAN> graphic <SPAN class="operator token">=</SPAN> response<SPAN class="punctuation token">.</SPAN>results<SPAN class="punctuation token">.</SPAN><SPAN class="token function">filter</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>result<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
              <SPAN class="keyword token">return</SPAN> result<SPAN class="punctuation token">.</SPAN>graphic<SPAN class="punctuation token">.</SPAN>layer <SPAN class="operator token">===</SPAN> Wa<SPAN class="punctuation token">;</SPAN>
              <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">.</SPAN>graphic<SPAN class="punctuation token">;</SPAN>
              <SPAN class="comment token">//console.log(graphic.attributes);</SPAN>

<SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN>document<SPAN class="punctuation token">)</SPAN><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="string token">'#vf'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="comment token">// see uploaded images</SPAN>
<SPAN class="punctuation token">{</SPAN>  
   <SPAN class="keyword token">var</SPAN> folder_name <SPAN class="operator token">=</SPAN> <SPAN class="string token">'inv_images/'</SPAN> <SPAN class="operator token">+</SPAN> graphic<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">.</SPAN>Wis_invent_N<SPAN class="punctuation token">;</SPAN>
   <SPAN class="keyword token">var</SPAN> action <SPAN class="operator token">=</SPAN> <SPAN class="string token">"fetch_files"</SPAN><SPAN class="punctuation token">;</SPAN>
   $<SPAN class="punctuation token">.</SPAN><SPAN class="token function">ajax</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
       cache<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">,</SPAN>
       url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"action.php"</SPAN><SPAN class="punctuation token">,</SPAN>
       method<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POST"</SPAN><SPAN class="punctuation token">,</SPAN>
       data<SPAN class="punctuation token">:</SPAN><SPAN class="punctuation token">{</SPAN>action<SPAN class="punctuation token">:</SPAN>action<SPAN class="punctuation token">,</SPAN> folder_name<SPAN class="punctuation token">:</SPAN>folder_name<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN>
       success<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">)</SPAN>
       <SPAN class="punctuation token">{</SPAN>
           <SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'#file_list'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">html</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
           <SPAN class="token function">$</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'#filelistModal'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">modal</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'show'</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="punctuation token">;</SPAN>

<SPAN class="keyword token">var</SPAN> openFilebtn <SPAN class="operator token">=</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"vf"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="keyword token">function</SPAN> <SPAN class="token function">openFilesbtn</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>openFilebtn<SPAN class="punctuation token">.</SPAN><SPAN class="token function">click</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
        view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"trigger-action"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>event<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
         <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>event<SPAN class="punctuation token">.</SPAN>action<SPAN class="punctuation token">.</SPAN>id <SPAN class="operator token">===</SPAN> <SPAN class="string token">"filelist"</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
           <SPAN class="token function">openFilesbtn</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="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="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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Finde mehr Beiträge mit dem Tag

Accepted answers

rscheitlin

In your buttons click event I would use

<SPAN class="" style="color: #0077aa; border: 0px; font-weight: inherit;">var</SPAN> folder_name <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">=</SPAN> <SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'inv_images/'</SPAN> <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">+</SPAN> view<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>popup.selectedFeature.attributes<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>Wis_invent_N<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">;</SPAN>

All comments

Vakhtang_Zubiashvili

Thank yo again

rscheitlin

Correct

Vakhtang_Zubiashvili

Thanks Robert,

It works great.

in this case It uses popup value right?

rscheitlin

In your buttons click event I would use

<SPAN class="" style="color: #0077aa; border: 0px; font-weight: inherit;">var</SPAN> folder_name <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">=</SPAN> <SPAN class="" style="color: #669900; border: 0px; font-weight: inherit;">'inv_images/'</SPAN> <SPAN class="" style="color: #a67f59; background: rgba(255, 255, 255, 0.5); border: 0px; font-weight: inherit;">+</SPAN> view<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>popup.selectedFeature.attributes<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">.</SPAN>Wis_invent_N<SPAN class="" style="color: #999999; border: 0px; font-weight: inherit;">;</SPAN>

Nimm an der Unterhaltung 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.