web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

No record found.

News and Announcements icon
Community site session details

Community site session details

Session Id :
Dynamics 365 Community / Forums / Microsoft Dynamics CRM (Archived) / Dynamics CRM 365 - jav...
Microsoft Dynamics CRM (Archived)

Dynamics CRM 365 - javascript ES6 modules (typescript)

(1) ShareShare
ReportReport
Posted on by Community Member

Those any one use ES6 modules in CRM environment and have any working examples with Dynamics CRM (any version)? All examples are written with old modules (namespaces).

I want to build base class for each javascript loaded on forms, I would like to use ES6 modules instead of namespaces.

 

*This post is locked for comments

I have the same question (0)
  • Aric Levin - MVP Profile Picture
    Aric Levin - MVP 30,190 Moderator on at

    Not sure if this will help you, but take a look:

    www.nuget.org/.../1.0.3

  • Community Member Profile Picture
    Community Member on at

    No, thats only repository for Xrm.sdk types for Typescript.

  • JohnAnonymous Profile Picture
    JohnAnonymous 5,241 on at

    Would love to see a sample as well.

  • Suggested answer
    brdgamz Profile Picture
    brdgamz 5 on at

    I am not using TypeScript but JavaScript.  I've already suggested that Microsoft fully support ES6 modules (please vote for it!) as modern browsers do and now IE is dead.  That said, I am using ES6 modules in CRM.

    When your web resource is an HTML page it's a non-issue because you can specify the <script type="module" src="..."></script> in HTML and it works.

    When you are trying to supplement an existing form with a module (a JavaScript file not on an HTML web resource) it takes only a little work.

    I created a script: new_ModuleLoader.js

    function onModuleLoader(...modules){
      const load = setRelative("new_ModuleLoader.js");
      for(let mod of modules){
        load(mod);
      }
    }

    function setRelative(rel){
      const scripts = document.querySelectorAll('script')
      const srcs = Array.prototype.map.call(scripts, function(script){
        return script.src;
      });
      const root = srcs.find(function(src){
        return src.indexOf(rel) > -1;
      });
      return function load(url){
        const mod = document.createElement("script");
        const src = root.replace(rel, url);
        mod.type = "module";
        mod.src = src;
        document.body.appendChild(mod);
      }
    }
     

    I add the script to the page.  Then I add an on load event which points to onModuleLoader.  I do not pass in the context as there is no way I know of getting it to the module and that's a problem Microsoft will solve when they get around to supporting modules.  I do however pass a Comma separated list of parameters that will be passed to the function.  I pass in the quoted names of the scripts to load (e.g. "new_MyModule.js","new_MyOtherModule.js").  The modules are dynamically added to the page and run just fine.

    As you may be aware some of the Microsoft's apis are deprecated.  We have been told to pass in context and not use Xrm.Page directly.  But since that doesn't work on HTML page web resources, the Xrm.Page api remains available for that use case.  I have taken that same stance with the dynamically loaded ES6 modules as there is no choice until Microsoft decides to support them.  As far as I can tell, there is no reason Microsoft shouldn't have this on their to-do list.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Neeraj Kumar – Community Spotlight

We are honored to recognize Neeraj Kumar as our Community Spotlight honoree for…

Congratulations to the November Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > 🔒一 Microsoft Dynamics CRM (Archived)

#1
SA-08121319-0 Profile Picture

SA-08121319-0 4

#1
Calum MacFarlane Profile Picture

Calum MacFarlane 4

#3
Alex Fun Wei Jie Profile Picture

Alex Fun Wei Jie 2

Last 30 days Overall leaderboard

Featured topics

Product updates

Dynamics 365 release plans