Spreadsheet Dependencies

27 Mar 201911 minutes to read

It is necessary to refer Spreadsheet 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.

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\17.1.0.32\JavaScript\assets\external
ej.web.all.min.js <Syncfusion Installed Location>\Essential Studio\17.1.0.32\JavaScript\assets\scripts\web
ej.webform.min.js <Syncfusion Installed Location>\Essential Studio\17.1.0.32\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 Spreadsheet in your application using ej.spreadsheet.min.js file. You can refer the following frameworks and controls in your project.

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 operation and should be used while binding data to JS controls
ej.scroller.min.js Used to handle scrolling operation in all JS controls
ej.globalize.min.js It is referred when using localization in Spreadsheet
ej.button.min.js These files are used while enable the cellFormatting, import and drag and drop feature in the Spreadsheet
ej.checkbox.min.js
ej.radiobutton.min.js
ej.dropdownlist.min.js
ej.listbox.min.js
ej.editor.min.js
ej.menu.min.js
ej.colorpicker.min.js
ej.slider.min.js
ej.splitbutton.min.js
ej.togglebutton.min.js
ej.toolbar.min.js
ej.tab.min.js
ej.uploadbox.min.js
ej.draggable.min.js
ej.datepicker.min.js
ej.tooltip.min.js
ej.grid.min.js Used this control for Name Manager option in Spreadsheet
ej.pager.min.js Must be referred and used for paging option in Spreadsheet
ej.waitingpopup.min.js Should be referred while importing files in Spreadsheet
ej.autocomplete.min.js Should be referred when editing is enabled in Spreadsheet
ej.chart.min.js Used this control for chart option is enabled in Spreadsheet
ej.ribbon.min.js These files are used when ribbon option is enabled in Spreadsheet
ej.calculate.min.js Must be referred and used for formula in Spreadsheet
ej.dialog.min.js Must be referred since dialog is used in various features in Spreadsheet
ej.treeview.min.js Should be referred when Hyperlink options is enabled in Spreadsheet
ej.excelfilter.min.js Should be referred when filtering is enabled in Spreadsheet
ej.pivot.common.min.js Should be referred when pivot table is enabled in Spreadsheet
ej.olap.base.min.js
ej.pivotanalysis.base.min.js
ej.pivotgrid.min.js
ej.pivotschemadesigner.min.js
ej.spreadsheet.min.js Should be referred to render the Spreadsheet

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\ASP.NET\17.1.0.32\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\ASP.NET\17.1.0.32\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" />