Solutions to Frequent JavaScript Errors in CRM 2015 Update 1

Posted On October 12, 2015 by Admin Posted in

Tagged in CRM 2015 update 1, MSCRM

In this Blog we will walk-through how to resolved CRM 2015 update 1 JavaScript Errors. Below is list of common errors.

1. ‘$ is not defined’ or ‘jQuery is not defined’

Description: You will get above error if you have ever used jQuery function in your JavaScript code. In earlier version of the CRM, we can able to access jQuery library directly but with the new form rendering engine it is not possible to access jQuery library.

Resolution: Include jQuery library in your Entity Form Libraries.

2. Behaviour changed for Tab (open/close).

Description: Please refer below example

Ex. Read state of the Tab (onTabChanged)

Below function will return different result based on Legacy/Turbo form

Xrm.Page.ui.tabs.get(_tabName).getDisplayState()

User Action	Legacy Form	Turbo Form
Tab Close	collapsed	expanded
Tab Open	expanded	collapsed

3. Cannot read property ‘getAttribute’ of null (Specific to Product Form)

Steps to reproduced:

Add new product

Navigate to products

Click on ‘View the data that will be sent to Microsoft’

Description: Error is encountered because CRM internally trying to access any fields which is not present of the form. By doing more researched I found that ‘Valid To’ and ‘Valid From’ field is required on the Form (Turbo Form rendering engine).

Resolution: Please follow the below steps

Add ‘Valid To’ and ‘Valid From’ in the form

Hide both the field and lock this field on the form

4. + button is not working for Opportunity Product SubGrid on Opportunity form

Description: Same problem with Quote/Order product SubGrid view.
It is basically product bug in 2015 update 1.

Resolution: Add custom HTML web resource for + sign and hide exiting one.

Please find below steps to resolved this issue.

Hide exiting SubGrid + sign using Ribbon workbench.

Add HTML web resource for + sign. You can refer below code.

<html>
<head>
    <meta charset="utf-8" />
    <title></title>

    <style>
        #plusSign {
            float: right;
            margin-top: 18px;
            cursor: pointer;”
        }
    </style>

    <script type="text/javascript" src="ClientGlobalContext.js.aspx"></script>
    <script>
        var GridCustomization = GridCustomization || {};
        GridCustomization.data = {};
        GridCustomization.parameterObject = {};
        GridCustomization.openProductForm = function () {
            Xrm.Utility.openEntityForm(GridCustomization.data.EntityLogicalName, null, GridCustomization.parameterObject);
        };
        GridCustomization.onLoad = function () {
            GridCustomization.data = {};
            GridCustomization.parameterObject = {};
            var id = GridCustomization.getQuerystring("id");
            var plusSignAttribute = document.getElementById("plusSign");
            if (plusSign && !id) {
                plusSign.disabled = true;
                return;
            }
            id = id.replace("%7b", "").replace("%7d", "");
            id = id.replace("{", "").replace("}", "");
            var entityNames = GridCustomization.getQuerystring("data");
            var entityLogicalName, entitySchemaName, formToBeOpen;
            if (entityNames) {
                var tempArray = entityNames.split("%2c");
                if (tempArray && tempArray.length === 2) {
                    entityLogicalName = tempArray[0].toLowerCase();
                    entitySchemaName = tempArray[0];
                    formToBeOpen = tempArray[1];
                }
                else {
                    Xrm.Utility.alertDialog("Entity Name is not provided.", null);
                    return;
                }
            }
            GridCustomization.data = { EntityLogicalName: formToBeOpen };
            ///current record cab be Opportunity/Quote/Order
            var currentRecord = GridCustomization.retrieveRecord(id, entitySchemaName);
            if (currentRecord) {
                var entityLogicalNameId = entityLogicalName + "id";
                GridCustomization.parameterObject[entityLogicalName + "id"] = id;
                GridCustomization.parameterObject["dynad_currencyid"] = currentRecord["TransactionCurrencyId"] ? currentRecord["TransactionCurrencyId"]["Id"] : null;
                GridCustomization.parameterObject["dynad_currencyidname"] = currentRecord["TransactionCurrencyId"] ? currentRecord["TransactionCurrencyId"]["Name"] : null
                GridCustomization.parameterObject["transactioncurrencyid"] = currentRecord["TransactionCurrencyId"] ? currentRecord["TransactionCurrencyId"]["Id"] : null;
                GridCustomization.parameterObject["transactioncurrencyidname"] = currentRecord["TransactionCurrencyId"] ? currentRecord["TransactionCurrencyId"]["Name"] : null;
                if (currentRecord["OrderNumber"]) {
                    GridCustomization.parameterObject["dynad_ordernumber"] = currentRecord["OrderNumber"];
                }

            }
        }
        GridCustomization.getQuerystring = function (key) {
            var work = key.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
            var regex = new RegExp("[\\?&]" + work + "=([^&#]*)");
            var qs = regex.exec(window.location.href);
            if (qs == null) return null;
            return qs[1];
        }
        GridCustomization.retrieveRecord = function (id, entityName) {
            "use strict";
            var req = new XMLHttpRequest();
            req.open("GET", encodeURI(Xrm.Page.context.getClientUrl() + "/XRMServices/2011/OrganizationData.svc/" + entityName + "Set(guid'" + id + "')"), false);
            req.setRequestHeader("Accept", "application/json");
            req.setRequestHeader("Content-Type", "application/json; charset=utf-8");
            req.send(null);
            var data = JSON.parse(req.responseText);
            if (data && data.d) {
                return data.d;
            }
            else {
                if (data.error) {
                    alert(data.error.message.value);
                }
            }
            return null;
        }
        GridCustomization.getLookupId = function (lookupObject) {
            if (!lookupObject && !lookupObject.Id) {
                return null;
            }
            return lookupObject.Id;
        }
    </script>
</head>
<body onload="GridCustomization.onLoad()">
    <img src="/_imgs/ribbon/NewRecord_16.png" alt="New Line Item" onclick="GridCustomization.openProductForm()" id="plusSign">
</body>
</html>

Pass parameter to HTML Web Recourse
Ex. Schema name of opportunity and logical name of opportunity product.
Opportunity,opportunityproduct
Make sure checkbox for object-type code and unique identifier as parameter is checked.

Register below function onSave event of Opportunity Entity Form to reload HTML web resource for first time when Record is created.

function reloadHTMLResource() {
    if (Xrm.Page.ui.getFormType() === 1) {
        var iInterval = setInterval(function () {
            if (Xrm.Page.data.entity.getId()) {
                clearInterval(iInterval);

                //reload PlusSign
                var plusSignControl = Xrm.Page.ui.controls.get("WebResource_SubGridPlusSign");
                if (plusSignControl) {
                        plusSignControl.setSrc(Xrm.Page.context.getClientUrl() + "//WebResources/dynad_SubGridPlusSign?data=Opportunity%2copportunityproduct&id=" + Xrm.Page.data.entity.getId());                }
            }
        }, 1000);
    }

};

Note: Kindly replace below text with appropriate value
dynad_SubGridPlusSign?data=Opportunity%2copportunityproduct : %2c indicate punctuation mark (,) to split two entity name
WebResource_SubGridPlusSign : name of HTML web resource added on the form.

How to review and accept changes to confirmed Purchase Orders in D365 F&O

How to run an SSRS report on a selected record in the CRM using FetchXml

Project Operations as source of truth for Professional Services Organizations

Streamlining Build Pipelines with YAML Template Extension: A Practical Guide

Dynamics CRM 2016 Fall Preview Features

Power BI with Azure SQL Data Warehouse