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. Image for the cookie policy date

Uncaught TypeError: $(...).ejGrid is not a function

it seems that there is no mentioning in the doc. dragging a grid control into a webform and run it, got this error Uncaught TypeError: $(...).ejGrid is not a function".

after including the dependencies from here http://help.syncfusion.com/aspnet/grid/grid-dependencies as the following:

<aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.core.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.data.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.grid.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.pager.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.scroller.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.waitinggroup.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.gridresize.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.dropdownlist.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.dialog.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.button.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.autocomplete.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.datepicker.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.datetimepicker.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.checkbox.min.js" runat="server" />
    <aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.editor.min.js" runat="server" />

still got another js error "Uncaught TypeError: t.getLocalizedConstants is not a function", what else is missing here? why a more detail steps not showing here http://help.syncfusion.com/aspnet/grid/getting-started??

8 Replies

KE Kevin May 19, 2016 10:36 PM UTC

after looking at fiddler, downloaded jsviews.min.js. 

this include works 

<aut:ScriptInclude Src="~/Scripts/Syncfusion/jsviews.min.js" runat="server" />
<aut:ScriptInclude Src="~/Scripts/Syncfusion/ej.web.all.min.js" runat="server" />

the thing is that ej.web.all.min.js is 7.3M!

if just want to use the grid on the webform page, what are the scripts to include?

MF Mohammed Farook J Syncfusion Team May 20, 2016 11:19 AM UTC

Hi Kevin, 
Thank you for contacting Syncfusion support.       
The following libraries are important to render “Grid” component.   
Please refer to the Help document for Grid dependencies.  
The Custom Script Generator (CSG) utility is helps to generate the Grid individual script file. We can generate file for any Essential Studio Version . find the CSG online link: 
Refer to the following update document for more information on the Essential JS Custom Script Generator . 
To refer to all the individual files in your project separately, the list of individual script files to render the JS controls are listed in the “Requires” section for each control in the following Class Reference Link. 
J.Mohammed Farook 

KE Kevin May 20, 2016 04:06 PM UTC

with CSG, is jsrender  still required? or ej.core.js ?

VA Venkatesh Ayothi Raman Syncfusion Team May 23, 2016 09:28 AM UTC

Hi Kevin, 

Yes, “jsrender” requires an external script file to render the Grid control. Please refer to the help document provided in the previous update to know about the necessary external script files to render the Grid control.    
For your convenience, we have created a sample. In this sample, we have referred the necessary external script files and downloaded CSG file for ejGrid control.   

Refer to the sample and code example, 

Code example: 
<!--<External script files>--> 
    <script src='<%= Page.ResolveClientUrl("~/Scripts/jquery-2.1.4.min.js")%>' type="text/javascript"></script> 
     <script src='<%= Page.ResolveClientUrl("~/Scripts/jquery.linq.js")%>' type="text/javascript"></script> 
    <script src='<%= Page.ResolveClientUrl("~/Scripts/pivotgrid.datasource.js")%>' type="text/javascript"></script> 
     <script src='<%= Page.ResolveClientUrl("~/Scripts/jsrender.min.js")%>' type="text/javascript"></script> 
    <script src='<%= Page.ResolveClientUrl("~/Scripts/jquery.easing.1.3.min.js")%>' type="text/javascript"></script> 
<!--Downloaded CSG file --> 
    <script src="../Scripts/ej/ej.widget.all.min.js"></script><!-- Downloaded CSG script file for ejGrid--> 
// Refer the Downloaded ejgrid CSG file instead of ej.web.all.min.js 

Venkatesh Ayothiraman. 

KE Kevin May 23, 2016 05:17 PM UTC

For the sake of others,  please update the grid dependency doc. 

VA Venkatesh Ayothi Raman Syncfusion Team May 24, 2016 11:37 AM UTC

Hi Kevin, 

Sorry for the inconvenience. 

The following UG documentation link has explained which common libraries are required to ASP.Net Component. 

Please refer to the following documentation for grid dependencies, 

Venkatesh Ayothiraman. 

KE Kevin May 24, 2016 03:25 PM UTC

that's for js grid. for the people who are using the asp.net grid control for the first time, we have no idea that the server control will render everything to js calls on the client side. 
what's confusing is this doc. http://help.syncfusion.com/aspnet/grid/getting-started if you follow those steps, you will get js error. 

you see, people usually go to the asp.net grid document for help (not the js doc) but here is no mentioning of any of the required scripts until you got an js error then you start tracing on what's missing.

KK Karthick Kuppusamy Syncfusion Team May 25, 2016 11:21 AM UTC

Hi Kevin, 

Sorry for the inconvenience caused. We have considered this “Grid Getting Started” as improvement task of UG documentation in Syncfusion ASP.NET platform. We will be update in online once it completed. 

Live Chat Icon For mobile
Up arrow icon