Table data displayed inside a Table.. jsapi 3.3, jquery, and DataTables

AndrewDavis

I have a working web map which allows for me to drag/drop a .csv file onto the map frame and then draws the line information as point graphics on the browser.

I am working to incorporate the DataTables JS plugin to show the point data on the map in a table.

As soon as I add the reference to DataTables

<script src="js/DataTables-1.9.4/media/js/jquery.dataTables.min.js"></script>

To my document I get errors and flags that indicate multiple definitions of various jquery elements.

[ATTACH=CONFIG]22703[/ATTACH]

Any advice is welcome.

Andy

Errors..png

AndrewDavis

Hello there..

I was able to figure this one out, right after I asked it.

The order in which you add the jQuery and the DataTables and the ArcGIS jsapi to the page is the key.

Andy..

 

<!--  Ext JS -->     <script  src="http://myserver/ext-4.0.7-gpl/ext-all.js"></script><!-- Running ExtJs for its panels-->      <!-- Scripts LayoutPanels-->   <script src="js/Layout.js"></script><!-- my setup of the Layout Panels -->   <script src="jquery/jquery-1.8.3.min.js"></script> <!-- Adding the jQuery to the page -->   <script src="js/DataTables-1.9.4/media/js/jquery.dataTables.min.js"></script>  <!-- Adding DataTables  -->      <!--Map script -->     <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact/"></script>  <!-- Adding the api -->   <script src="js/Map.js"></script><!-- Setting up my map -->   <script src="js/CSVHandler.js"></script><!-- Drag Drop behavior for csv tables dragged onto the map -->   <script src="js/TableScript.js"></script>  <!-- Once the graphics layer is added feed the lists to DataTables -->