DevExtreme jQuery/JS - Local Scripts
You can find all the required files in the DevExtreme zip archive or DevExtreme folder (%ProgramFiles(x86)%\DevExpress 19.2\DevExtreme\Sources). Copy the Lib folder into the folder with your application. Then, link the required files in the <head> tag on your index page in the following order:
HTML
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> <!-- Reference either Knockout or AngularJS, if you do --> <script type="text/javascript" src="js/knockout-latest.js"></script> <script type="text/javascript" src="js/angular.min.js"></script> <!-- DevExtreme themes --> <link rel="stylesheet" href="css/dx.common.css"> <link rel="stylesheet" href="css/dx.light.css"> <!-- DevExtreme library --> <script type="text/javascript" src="js/dx.all.js"></script> <!-- <script type="text/javascript" src="js/dx.web.js"></script> --> <!-- <script type="text/javascript" src="js/dx.viz.js"></script> --> <!-- <script type="text/javascript" src="js/dx.viz-web.js"></script> -->
The stylesheets in the code above apply the Generic Light theme. See Predefined Themes for information about the other available themes.
Specific functionality requires additional libraries. For instance, client-side exporting in the DataGrid and PivotGrid widgets requires the JSZip library. Similarly, the HtmlEditor widget requires Quill. Refer to the dedicated topics for details.
See Also
- Configure a Widget: Angular | Vue | React | jQuery | AngularJS | Knockout | ASP.NET MVC 5 | ASP.NET Core
Feedback