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.
-
jQuery1.7.1 and later versions. -
jsRender- to render the templates. -
jQuery.validate- to support validation in editing and dialog inputs.
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.
<link href="Content/ej/web/default-theme/ej.web.all.min.css" rel="stylesheet" />