DevExtreme jQuery/JS - CDN Services

DevExtreme files are available through a Content Delivery Network (CDN). Link the files within the <head> tag on your index page in the order given below. Optionally, you can verify the files by adding SRI hashes to the links.

HTML
  • <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  •  
  • <!-- Reference either Knockout or AngularJS, if you do -->
  • <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min.js"></script>
  • <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
  •  
  • <!-- DevExtreme themes -->
  • <link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/19.2.15/css/dx.common.css">
  • <link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/19.2.15/css/dx.light.css">
  •  
  • <!-- DevExtreme library -->
  • <script type="text/javascript" src="https://cdn3.devexpress.com/jslib/19.2.15/js/dx.all.js"></script>
  • <!-- <script type="text/javascript" src="https://cdn3.devexpress.com/jslib/19.2.15/js/dx.web.js"></script> -->
  • <!-- <script type="text/javascript" src="https://cdn3.devexpress.com/jslib/19.2.15/js/dx.viz.js"></script> -->
  • <!-- <script type="text/javascript" src="https://cdn3.devexpress.com/jslib/19.2.15/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.

Subresource Integrity Hashes

You can use Subresource Integrity (SRI) when fetching DevExtreme files from CDN. Below are the files' SRI hashes for DevExtreme minor releases. Each file has a sha384 and sha512 hash.