topic Re: How to Create separated Modules in ArcGIS JavaScript Maps SDK Questions

How to Create separated Modules

HushamHassan — Wed, 01 Jun 2016 23:16:30 GMT

any body point me in the right direction for the best way to combine 2 sample widget for example identify and find, Using 2 separated js files. Just need to call them in the main.js

Re: How to Create separated Modules

RickeyFight — Sat, 11 Dec 2021 10:54:55 GMT

This is how esri does it in parks guide

<script type="text/javascript">
  loadJS('//js.arcgis.com/3.11/init.js', true);
  loadJS('app/maptour-config.js');

  function getUrlVar(name)
  {
     var vars = [], hash;
    if( window.location.href.indexOf('?') == -1 ) return null;

     var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
     for(var i = 0; i < hashes.length; i++){
         hash = hashes.split('=');
  hash[0] = hash[0].split('#')[0];
         vars.push(hash[0]);
         vars[hash[0]] = (hash[1] == undefined) ? "true" : hash[1];
     }
     return vars[name];
  }

  if( isProduction ) {
  if( getUrlVar('edit') || getUrlVar('fromScratch') || getUrlVar('fromscratch') || getUrlVar('fromGallery') )
  loadJS('app/maptour-builder-min.js');
  else
  loadJS('app/maptour-viewer-min.js');
  }
  else {
  loadJS('lib/_jquery.1.9.1.min.js');
  loadJS('lib/bootstrap/js/bootstrap.min.js');
  loadJS('lib/spin.min.js');
  loadJS('lib/history.min.js');
  loadJS('lib/cubiq.iscroll.js');
  loadJS('lib/cubiq.swipeview.js');
  loadJS('lib/jquery-ui-1.10.0.custom.min.js');
  loadJS('lib/jquery.ui.touch-punch.min.js');
  loadJS('lib/jquery.exif.js');
  loadJS('lib/jquery.fastClick.js');
  loadJS('lib/jquery.hammer.min.js');
  loadJS('lib/megapix-image.js');
  loadJS('lib/spectrum/spectrum.js');
  loadJS('lib/bootstrap.file-input.js');
  loadJS('lib/colorbox/jquery.colorbox-min.js');
  }
  </script>

Re: How to Create separated Modules

ReneRubalcava — Thu, 02 Jun 2016 00:22:48 GMT

Yeah, I don't know the parks guide app, but that is some custom loading of non-module code.

You can start here.

Embrace your AMD modules

Get familiar with how to write AMD modules and you'll be good to go.

Re: How to Create separated Modules

HushamHassan — Thu, 02 Jun 2016 00:41:10 GMT

Thank you Rickey, this example is very complicated , is it a legacy version or AMD version,, If you know any simple example using AMD that combining 2 or more widget.. with separated js file for each widget please let me know

Re: How to Create separated Modules

HushamHassan — Thu, 02 Jun 2016 00:48:02 GMT

Hi Rene,

Thank you, Will try your link again, Actually I read your book "ArcGIS Web Development" but still things are confused.. if you can include a very simple example of how to join 2 of the sample Code provided in the sample code page.. it would be more helpful for beginners like me.

Regards

Re: How to Create separated Modules

ReneRubalcava — Thu, 02 Jun 2016 03:12:29 GMT

Thanks! Appreciate it.

I don't have a sample using the widget samples, but I do have this simple sample on my github account.

GitHub - odoe/esrijs-modular: Sample modular app

Re: How to Create separated Modules

HushamHassan — Thu, 02 Jun 2016 03:49:30 GMT

Thank you, will go through the example and get back to you..

Regards

Re: How to Create separated Modules

RickeyFight — Thu, 02 Jun 2016 14:22:57 GMT

It is AMD Here is the link to Esri overview site Park Locator | ArcGIS for State Government

Re: How to Create separated Modules

HushamHassan — Mon, 06 Jun 2016 05:03:42 GMT

Rickey,

Thank you for the Link.

Its a good start to understand the AMD, Its using API 3.13, is there any big differences between 3.13 and 3.16

Thanks