How to load a web resource using Java Script

  • Comments 2

In Dynamics CRM 2011, if we implement JavaScript for particular form we add script web resource in the Form Libraries list under form customization, if there is any related script which need to be referred,  then we need to include that script as well in the Form Libraries. As you can see in the below screen, we have included “new_SDK.Rest” and “new_Json2”. We have not called the function of those scripts in the “Event Handlers”, but we have used them in our library “new_Account_Library.jsa


Now suppose if you need to add a button on the Home Page ribbon of entity, and this button should call some function in the “new_Account_Library.js” library. This means the button is *not* calling any HTML or Silverlight page.

In such case, if we use the HTML page instead of the javascript then you can load the related script library with the following line of code.


<script src="../new_sdk.rest" type="text/javascript"></script>


Here the problem is how to add/ load related JScript reference like in this case sdk.rest jscript and json Jscript reference. To retrieve the data from CRM we generally use functions from the sdk.rest library. Hence this library “sdk.rest” needs to be loaded as we are referring the function of “sdk.rest” library in this “new_Account_Library.js” script.


So to resolve this we can simply load referred web resource from JScript programmatically before performing our business logic, below is the function you can refer to.


We need to pass name of web resource.

LoadWebResource(Name of the Web Resource);


e.g.


LoadWebResource(“new_json2”)


LoadWebResource(“new_SDK.Rest”)

Function for load web resource:

//Function to Load webResource

function LoadWebResource(resource) {


 var httpRequest = null;


 try {    


if (window.XMLHttpRequest) {  // code for IE7+, Firefox, Chrome, Opera, Safari

            httpRequest = new XMLHttpRequest();

}

      else// code for IE6, IE5

httpRequest = new ActiveXObject("Microsoft.XMLHTTP");

}

              var serverUrl= Xrm.Page.context.getServerUrl();

             if (serverUrl.match(/\/$/)) {

serverUrl = serverUrl.substring(0, serverUrl.length - 1);

}

httpRequest.open("GET", serverUrl + "/webresources/" + resource, false);


httpRequest.send(null);


eval(httpRequest.responseText);


}

catch (e) {

 

alert("LoadWebResource >> Error loading " + resource + ":\n" + e.description);


  }


}



-------------------------------------------------

Posted by: Inogic

For more information/discussions (documents, sample code snippets, detailed work flow or diagrams)

Please be free to visit the following links or email us:

Web: http://www.inogic.com

Blog: http://inogic.blogspot.com

Email: news@inogic.com

--------------------------------------------------