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.
Unfortunately, activation email could not send to your email. Please try again.

Cannot read property 'helpers' of undefined

Thread ID:

Created:

Updated:

Platform:

Replies:

129233 Mar 6,2017 10:29 AM Mar 7,2017 07:36 AM Angular 1
loading
Tags: ejGrid
Trevor de Koekkoek
Asked On March 6, 2017 10:29 AM

I'm trying to integrate the grid following from the angular2-seeds application.  However when I add the grid I get the error:

Cannot read property 'helpers' of undefined at Object.addInitTemplate (http://localhost:43786/ej/syncfusion-javascript/Scripts/ej/web/ej.web.all.min.js:10:3016710)

I don't know if this is a webpack issue or not. 

Farveen Sulthana Thameeztheen Basha [Syncfusion]
Replied On March 7, 2017 07:36 AM

Hi Trevor, 


Thanks for your interest in syncfusion support. 


Your reported issue “cannot read property ‘helpers’ of undefined” may occur due to absence of “jsrender.min.js” file in your application.  


To render the Grid in your application , you need to refer the following styles and themes. 

1.        To get started, you have to use the “ej.web.all.min.js file that encapsulates all the ej controls and frameworks in one single file. So ej.web.all.min.js file need to be refer in your script section. 
 
2.        Adding the required JavaScript files into your application plays an important role, without which the Syncfusion controls cannot be created. It requires the following mandatory common script files, 
                 jquery-3.1.1.min.js  
                 jsrender.min.js 
       
        3.    To include CSS  in your application to render syncfusion control, you have to refer “ej.web.all.min.css” file. By referring  this file you can get  necessary themes for our controls .You can get this “ej.web.all.min.css” file from the below build location. 
 
                  (installed location)\Syncfusion\Essential Studio\15.1.0.37\ JavaScript\assets\css\web\default-theme 
 
 
The complete boilerplate script code be like 
 
<head> 
   <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="Essential Studio for JavaScript"> 
    <meta name="author" content="Syncfusion"> 
    <title></title> 
    <!-- Essential Studio for JavaScript  theme reference --> 
    <link rel="stylesheet" rel='nofollow' href="http://cdn.syncfusion.com/15.1.0.37/js/web/flat-azure/ej.web.all.min.css" /> 
 
    <!-- Essential Studio for JavaScript  script references --> 
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
    <!-- Add your custom scripts here --> 
 
</head> 
<body> 
 
</body> 
</html> 


Please ensure that above mentioned files are added in your application. 


Please refer to the following Help document about scripts and css :- 




Regards, 

Farveen sulthana T 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

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.

;