Below code works in chrome, but it getting syntax error in IE 11 because of expression => i used the => expression to filter data, Any suggestions Thanks function customExportCSV ( evt ) { var data = propertylayer . _graphicsVal ; var csv = convertArrayOfObjectsToCSV ( { data : data } ) ; if ( ! csv . match ( /^data:text\/csv/i ) ) { csv = 'data:text/csv;charset=utf-8,' + csv ; } //var blob = new Blob([csv], { type: "text/csv" }); //if (navigator.msSaveBlob) { // IE 10+ // //var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' }); // //navigator.msSaveBlob(blob, "Exportdata.csv"); // navigator.msSaveBlob(blob, "csvname.csv") //} var encodedUri = encodeURI ( csv ) ; var link = document . createElement ( 'a' ) ; link . setAttribute ( 'href' , encodedUri ) ; link . setAttribute ( 'download' , "Exportdata.csv" ) ; link . click ( ) ; } function convertArrayOfObjectsToCSV ( value ) { var result , ctr , keys , columnDelimiter , lineDelimiter , data ; data = Array . from ( new Set ( value . data ) ) . filter ( d = > d ) . map ( d = > d . attributes ) || null ; if ( ! data || ! data . length ) { return null ; } columnDelimiter = value . columnDelimiter || ',' ; lineDelimiter = value . lineDelimiter || '\n' ; keys = Object . keys ( data [ 1 ] ) ; result = '' ; result + = keys . join ( columnDelimiter ) ; result + = lineDelimiter ; data . forEach ( function ( item ) { ctr = 0 ; keys . forEach ( function ( key ) { if ( ctr > 0 ) result + = columnDelimiter ; result + = item [ key ] ; ctr ++ ; } ) ; result + = lineDelimiter ; } ) ; return result ; }

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

Export to CSV file from layer

Pa_Lotus

Below code works in chrome, but it getting syntax error in IE 11 because of expression =>

i used the => expression to filter data,

Any suggestions

Thanks

<SPAN class="keyword token">function</SPAN> <SPAN class="token function">customExportCSV</SPAN><SPAN class="punctuation token">(</SPAN>evt<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 
 <SPAN class="keyword token">var</SPAN> data <SPAN class="operator token">=</SPAN> propertylayer<SPAN class="punctuation token">.</SPAN>_graphicsVal<SPAN class="punctuation token">;</SPAN>
 <SPAN class="keyword token">var</SPAN> csv <SPAN class="operator token">=</SPAN> <SPAN class="token function">convertArrayOfObjectsToCSV</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 data<SPAN class="punctuation token">:</SPAN> data
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="operator token">!</SPAN>csv<SPAN class="punctuation token">.</SPAN><SPAN class="token function">match</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="regex token">/^data:text\/csv/i</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 csv <SPAN class="operator token">=</SPAN> <SPAN class="string token">'data:text/csv;charset=utf-8,'</SPAN> <SPAN class="operator token">+</SPAN> csv<SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>
 <SPAN class="comment token">//var blob = new Blob([csv], { type: "text/csv" });</SPAN>
 <SPAN class="comment token">//if (navigator.msSaveBlob) { // IE 10+</SPAN>
 <SPAN class="comment token">// //var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });</SPAN>
 <SPAN class="comment token">// //navigator.msSaveBlob(blob, "Exportdata.csv");</SPAN>
 <SPAN class="comment token">// navigator.msSaveBlob(blob, "csvname.csv")</SPAN>
 <SPAN class="comment token">//}</SPAN>
 <SPAN class="keyword token">var</SPAN> encodedUri <SPAN class="operator token">=</SPAN> <SPAN class="token function">encodeURI</SPAN><SPAN class="punctuation token">(</SPAN>csv<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="keyword token">var</SPAN> link <SPAN class="operator token">=</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createElement</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'a'</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 link<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setAttribute</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'href'</SPAN><SPAN class="punctuation token">,</SPAN> encodedUri<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 link<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setAttribute</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'download'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"Exportdata.csv"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 link<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>
 <SPAN class="keyword token">function</SPAN> <SPAN class="token function">convertArrayOfObjectsToCSV</SPAN><SPAN class="punctuation token">(</SPAN>value<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 
 <SPAN class="keyword token">var</SPAN> result<SPAN class="punctuation token">,</SPAN> ctr<SPAN class="punctuation token">,</SPAN> keys<SPAN class="punctuation token">,</SPAN> columnDelimiter<SPAN class="punctuation token">,</SPAN> lineDelimiter<SPAN class="punctuation token">,</SPAN> data<SPAN class="punctuation token">;</SPAN>
data <SPAN class="operator token">=</SPAN> Array<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">from</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Set</SPAN><SPAN class="punctuation token">(</SPAN>value<SPAN class="punctuation token">.</SPAN>data<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">filter</SPAN><SPAN class="punctuation token">(</SPAN>d <SPAN class="operator token">=</SPAN><SPAN class="operator token">></SPAN> d<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN>d <SPAN class="operator token">=</SPAN><SPAN class="operator token">></SPAN> d<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">||</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="operator token">!</SPAN>data <SPAN class="operator token">||</SPAN> <SPAN class="operator token">!</SPAN>data<SPAN class="punctuation token">.</SPAN>length<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="keyword token">return</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN>

columnDelimiter <SPAN class="operator token">=</SPAN> value<SPAN class="punctuation token">.</SPAN>columnDelimiter <SPAN class="operator token">||</SPAN> <SPAN class="string token">','</SPAN><SPAN class="punctuation token">;</SPAN>
 lineDelimiter <SPAN class="operator token">=</SPAN> value<SPAN class="punctuation token">.</SPAN>lineDelimiter <SPAN class="operator token">||</SPAN> <SPAN class="string token">'\n'</SPAN><SPAN class="punctuation token">;</SPAN>
keys <SPAN class="operator token">=</SPAN> Object<SPAN class="punctuation token">.</SPAN><SPAN class="token function">keys</SPAN><SPAN class="punctuation token">(</SPAN>data<SPAN class="punctuation token">[</SPAN><SPAN class="number token">1</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 result <SPAN class="operator token">=</SPAN> <SPAN class="string token">''</SPAN><SPAN class="punctuation token">;</SPAN>
 result <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> keys<SPAN class="punctuation token">.</SPAN><SPAN class="token function">join</SPAN><SPAN class="punctuation token">(</SPAN>columnDelimiter<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 result <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> lineDelimiter<SPAN class="punctuation token">;</SPAN>
data<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>item<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 ctr <SPAN class="operator token">=</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">;</SPAN>
 keys<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>key<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>ctr <SPAN class="operator token">></SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">)</SPAN>
 result <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> columnDelimiter<SPAN class="punctuation token">;</SPAN>
 result <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> item<SPAN class="punctuation token">[</SPAN>key<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
 ctr<SPAN class="operator token">++</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 result <SPAN class="operator token">+</SPAN><SPAN class="operator token">=</SPAN> lineDelimiter<SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 
 <SPAN class="keyword token">return</SPAN> result<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>‍</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>

Encuentra más publicaciones etiquetadas con

Accepted answers

RobertScheitlin__GISP

Malla,

Once again a ES6 issue in IE array.from is not supported.

Array.from() - JavaScript | MDN

You need to check which ES6 method are supported by IE11 before you attempt to use them.

The above link provides a polyfill for Array.from that you can added to your code.

All comments

RobertScheitlin__GISP

Malla,

Once again a ES6 issue in IE array.from is not supported.

Array.from() - JavaScript | MDN

You need to check which ES6 method are supported by IE11 before you attempt to use them.

The above link provides a polyfill for Array.from that you can added to your code.

Pa_Lotus

Robert,

Tried with your code it got below alert in IE

and it works in chrome

Thanks

RobertScheitlin__GISP

Malla,

IE 11 is not capable of using some ES6 code (i.e. fat arrows/arrow functions). So you have to convert it to ES5 code:

data <SPAN class="operator token">=</SPAN> Array<SPAN class="punctuation token">.</SPAN><SPAN class="keyword token">from</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Set</SPAN><SPAN class="punctuation token">(</SPAN>value<SPAN class="punctuation token">.</SPAN>data<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><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>d<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="keyword token">return</SPAN> d<SPAN class="punctuation token">;</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>d<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN><SPAN class="keyword token">return</SPAN> d<SPAN class="punctuation token">.</SPAN>attributes<SPAN class="punctuation token">;</SPAN><SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">||</SPAN> <SPAN class="keyword token">null</SPAN><SPAN class="punctuation token">;</SPAN>‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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