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