DevExtreme React - 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:
- <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
If you have technical questions, please create a support ticket in the DevExpress Support Center.