Grid Dependencies

It is necessary to refer Grid dependent scripts and CSS files in your application, if you have not configured Embedded Resources in your application. You may ignore this section if you embed the resources from assembly.

Adding the required JavaScript and CSS 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-1.10.2.min.js
  • jquery.easing.1.3.min.js
  • jsrender.min.js

Apart from the above common scripts, it is also necessary to refer to the ej.web.all.min.js file in your application that plays a major role in control creation. It also requires reference to the ej.webform.min.js file in your application, as it is responsible for the server-side event functionalities of the ASP.NET controls.

The dependencies are available in the following locations of your machine. Please copy these files from the location given.

Files Location
jquery-1.10.2.min.js
jsrender.min.js
<Syncfusion Installed Location>\Essential Studio\13.1.0.21\JavaScript\assets\external
ej.web.all.min.js <Syncfusion Installed Location>\Essential Studio\13.1.0.21\JavaScript\assets\scripts\web
ej.webform.min.js <Syncfusion Installed Location>\Essential Studio\13.1.0.21\JavaScript\assets\scripts\common

NOTE

Example for “Syncfusion Installed location” is “C:\Program Files (x86)\Syncfusion”

ej.web.all.min.js is a bundle of all ASP.NET controls. If you use ej.web.all.js in your application, you can ignore below table section or else you can try to render grid in your application using ej.grid.min.js file. You can refer the following frameworks and controls in your project.

Grid Dependency

File                          Description/Usage
ej.core.min.js Must be referred always before using all the JS controls.
ej.data.min.js Used to handle data manager operation and should be used while binding data to JS controls.
ej.grid.min.js Should be referred when using grid control.
ej.pager.min.js Should be referred when using paging in grid.  
ej.scroller.min.js Should be referred when using scrolling in grid.  
ej.waitingpopup.min.js Should be referred when using the remote data binding in grid. The waiting popup will show while requesting the server for data.
ej.gridresize.min.js Need to refer when using the resizing feature in grid.
ej.dropdownlist.min.js These files are used while enable Editing and Filtering feature in grid.
ej.dialog.min.js
ej.button.min.js
ej.autocomplete.min.js
ej.datepicker.min.js
ej.timepicker.min.js
ej.datetimepicker.min.js
ej.checkbox.min.js
ej.editor.min.js

To render the Syncfusion ASP.NET controls with its unique style and theme, it is necessary to refer to the required CSS files into your application. You need to copy all the required CSS files into your application from the following location.

NOTE

\Syncfusion\Essential Studio\13.1.0.21\JavaScript\assets\css\web For example, If you have installed the Essential Studio within C:\Program Files (x86), navigate to the following location. C:\Program Files (x86)\Syncfusion\Essential Studio\13.1.0.21\JavaScript\assets\css\web

Once the CSS files are added in your application, include the reference to “ej.web.all.min.css” file in the Site.Master page, within the head section.

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