We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to avoid "Object doesn't support property ej" error?

Platform: ASP.NET MVC |
Control: General |
Published Date: January 14, 2015 |
Last Revised Date: May 10, 2019
Tags: general

Problem

When you run the application, runtime error is thrown as “Syncfusion is undefined” or “Object doesn’t support property or method ej”.

Reason

The above mentioned exception occurs, when the Syncfusion component script files are not referred properly.

Solution

The following Scripts and theme files are necessary for your components.

HTML

<head>

    <!--Contains the necessary theme for our componets-->

    <link href="default-theme/ej.web.all.min.css" rel="stylesheet" />

    <!--dependency script files-->

    <script src="scripts/jquery-1.10.2.min.js"></script>

    <script src="scripts/jsrender.min.js"></script>

    <!--contains the necessary scripts to render all the web components-->

    <script src="scripts/ej.web.all.min.js"></script>

</head>

 

In the above code example, the scripts referred to the folder in which the script files are stored. Make sure that the above mentioned script files are loaded properly.

You need to load ej.web.all.min.js file even when you use mobile components. Refer to the following link to know more about the scripts files and dependencies.

http://help.syncfusion.com/js/dependencies

Make sure that all the necessary dependency script files are included.

When you refer individual script files of the components instead of using the ej.web.all.min.js file, make sure all the dependency script files of the component are included.

For example, to use the Treeview component alone in your application and when you want to use only the script files needed by the Treeview component instead of using the entire ej.web.all.min.js file, refer to the following code example for the script files that are necessary for the Treeview component.

HTML

<head>

  <!--Contains the core CSS required for our components-->

    <link href="themes/ej.widgets.all.min.css" rel="stylesheet" />

    <!--necessary dependency script files-->

    <script src="scripts/jquery-1.10.2.min.js" type="text/javascript"></script>

    <script src="scripts/jsrender.min.js" type="text/javascript"></script>

    <!--scripts neccessary for autocomplete component-->

    <script src="scripts/ej.core.min.js" type="text/javascript"></script>

    <script src="scripts/ej.data.min.js" type="text/javascript"></script>

    <script src=" scripts/ej.draggable.js"></script>

    <script src=" scripts/ej.checkbox.js"></script>

    <script src=" scripts/ej.treeview.js"></script>

    <script src=" scripts/ej.waitingpopup.js"></script>

</head>

 

If you fail to load any dependency script file that are necessary for the Treeview component, then the error “object doesn’t support ej” occurs. For example, if you fail to include the “ej.checkbox.min.js” file, then on rendering the page, “Object doesn't support property or method 'ejCheckBox’” error is thrown.

How to identify the necessary scripts and dependencies of a particular component.

Refer to the following class reference link for JavaScript and click on the required component name. You can find the required script files for each component under the heading Requires.

http://help.syncfusion.com/api/js

As an alternate solution to load the components, you can use the CDN links as follows.

HTML

<head>

    <!--Contains the necessary theme for our componets-->

    <link href="http://cdn.syncfusion.com/15.2.0.40/js/web/flat-azure/ej.web.all.min.css" rel="stylesheet" />

    <!--dependency script files-->

    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>

    <script src="http://cdn.syncfusion.com/js/assets/external/jsrender.min.js"></script>

    <!--contains the necessary scripts to render all the web components-->

    <script src="http://cdn.syncfusion.com/15.2.0.40/js/web/ej.web.all.min.js"></script>

</head>

In the CDN link http://cdn.syncfusion.com/15.2.0.40/js/web/flat-azure/ej.web.all.min.css”, “15.2.0.40” refers to the release version.

 

You can find the CDN links for External dependencies and Syncfusion dependencies in the link below.

https://help.syncfusion.com/js/cdn

 

2X faster development

The ultimate ASP.NET MVC UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment
Comments
John
Jul 15, 2017

Needs to be updated

Reply

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon