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.
Hi Mike,
Thanks for using Syncfusion Products.
You can get the list of dependency scripts for each components from our JavaScript API reference link, here we have specified the dependency scripts for each components.
JS API reference link - http://help.syncfusion.com/cr/js
In the above link, click on a particular component, now we can see the list of dependency script files required by that component under the “Requires” section. Please refer the following screenshot.
You can also check the following link to know about the dependencies of Grid component –
http://help.syncfusion.com/ug/js/default.htm#!documents/griddependencies.htm
| <head> <title></title> <!--Contains the necessary theme for our Tab and Grid component--> <link rel='nofollow' href="themes/default-theme/ej.widgets.all.min.css" rel="stylesheet" /> <!--dependency script files--> <script src="scripts/jquery-1.10.2.min.js"></script> <script src="scripts/jquery.easing.1.3.js"></script> <script src="scripts/jquery.globalize.js"></script> <script src="scripts/jsrender.js"></script> <!--Contains the necessary scripts for our Tab component alone--> <script src="scripts/ej.core.min.js"></script> <script src="scripts/ej.data.min.js"></script> <script src="scripts/ej.tab.min.js"></script> <!--Contains the necessary scripts for our Grid component alone--> <script src="scripts/ej.grid.min.js"></script> <script src="scripts/ej.pager.min.js"></script> <script src="scripts/ej.scroller.min.js"></script> <script src="scripts/ej.waitingpopup.min.js"></script> <script src="scripts/ej.radiobutton.min.js"></script> <script src="scripts/ej.dropdownlist.min.js"></script> <script src="scripts/ej.dialog.min.js"></script> <script src="scripts/ej.button.min.js"></script> <script src="scripts/ej.autocomplete.min.js"></script> <script src="scripts/ej.checkbox.min.js"></script> <script src="scripts/ej.datepicker.min.js"></script> <script src="scripts/ej.editor.min.js"></script> <script src="scripts/ej.toolbar.min.js"></script> </head> |
Open the dashboard. On the left side of the dashboard choose the JavaScript platform. Now, on the right side choose the option “Explore Samples” as shown in the image,
It will open the location where the controls are installed locally. Suppose if it is installed in C Drive, the location will be something like this,
[Installed Drive]: \Users\lab\AppData\Local\Syncfusion\EssentialStudio\12.2.0.36\JavaScript
‘JavaScript’ folder contains the following folders
CSS – It contains CSS files/ style sheets required for the JavaScript components
External – It contains third party script files (necessary to include based upon the component used) like JQuery, jsrender etc…
Scripts – It contains the script files required by the JavaScript components.
Type Script – It contains the Type Script definition file.
Custom Script Generator:
We give one useful option to load only the necessary script and theme files based on the components that you are using in your application. That option name was “Custom script generator”.
Please refer the following online documentation link to know clearly about custom script generator.
http://help.syncfusion.com/ug/js/default.htm#!documents/essentialjscustomscr.htm
Also you can refer the following KB link to know about how to use minimal scripts and CSS files in your application.
https://www.syncfusion.com/kb/3048/how-to-use-js-components-with-minimal-js-and-css-loaded
Relative directory structure:
For Script files there is no need to maintain any relative directory structure. You can place the script files anywhere in your application and refer it. For CSS, the ej.widgets.core.min.css file has to be placed one folder before the location where “ej.widgets.all.min.css” file is present. Please refer the below screenshot.
In the above screenshot, you can see that the ej.widgets.core.min.css file is placed one folder before the themes folders. You suggest you to maintain the same structure.
Please get back to us if you would require any further assistance.
Regards,
Prasanth P
