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

[Kevin]

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??

[Kevin]

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?

[Mohammed Farook J]

Hi Kevin, 

Thank you for contacting Syncfusion support.       

The following libraries are important to render “Grid” component.   

 

Jquery 

jquery.easing 

jsrender 

ej.web.all.min.js 

 

 

Please refer to the Help document for Grid dependencies.  

Grid dependencies :  http://help.syncfusion.com/js/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: 

CSG : http://csg.syncfusion.com/ 

Refer to the following update document for more information on the Essential JS Custom Script Generator . 

CSG Getting-Started : http://help.syncfusion.com/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. 

 

Class reference : http://help.syncfusion.com/js/api/ejgrid 

 

Regards, 

J.Mohammed Farook 

 

[Kevin]

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

[Venkatesh Ayothi Raman]

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> 

    <!--<![endif]--> 

     <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 

 

Sample Link: http://www.syncfusion.com/downloads/support/directtrac/general/7z/SampleApplication124144-630959116 

 

 

Regards, 

Venkatesh Ayothiraman. 

[Kevin]

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

[Venkatesh Ayothi Raman]

Hi Kevin, 

Sorry for the inconvenience. 

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

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

Please refer to the following documentation for grid dependencies, 

Grid dependencies: http://help.syncfusion.com/js/grid/getting-started/js 

Regards, 

Venkatesh Ayothiraman. 

[Kevin]

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.

[Karthick Kuppusamy]

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. 

 

Regards, 

K.Karthick.