Local Scripts

You can find all the required files in the DevExtreme zip archive or in the folder where you have installed DevExtreme, which is C:\Program Files (x86)\DevExpress 16.2\DevExtreme\Sources by default. Copy the Lib folder into the folder with your application. Then, depending on the library or framework you use in your app, link the needed files within the <head> tag of your index page in the given order.

  • jQuery

    HTML
    <script type="text/javascript" src="/js/jquery-3.1.0.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="/css/dx.light.css" />
    <script type="text/javascript" src="/js/dx.all.js"></script>
  • Knockout

    HTML
    <script type="text/javascript" src="/js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="/js/knockout-3.4.0.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="/css/dx.light.css" />
    <script type="text/javascript" src="/js/dx.all.js"></script>
  • AngularJS

    HTML
    <script type="text/javascript" src="/js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="/js/angular.min.js"></script>
    <script type="text/javascript" src="/js/angular-sanitize.min.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/dx.common.css" />
    <link rel="stylesheet" type="text/css" href="/css/dx.light.css" />
    <script type="text/javascript" src="/js/dx.all.js"></script>
NOTE
DevExtreme provides a wide selection of predefined themes designed specifically for each platform. For more information, see the Predefined Themes article.

Localized apps and apps that use custom date, number or currency formatting require the Globalize library as well.

HTML
<script type="text/javascript" src="/js/cldr.min.js"></script>
<script type="text/javascript" src="/js/cldr/event.min.js"></script>
<script type="text/javascript" src="/js/cldr/supplemental.min.js"></script>
<script type="text/javascript" src="/js/globalize.min.js"></script>
<script type="text/javascript" src="/js/globalize/message.min.js"></script>
<script type="text/javascript" src="/js/globalize/number.min.js"></script>
<script type="text/javascript" src="/js/globalize/currency.min.js"></script>
<script type="text/javascript" src="/js/globalize/date.min.js"></script>
NOTE
Globalize scripts need to go before DevExtreme scripts.

If you use the client-side export feature in the DataGrid and PivotGrid widgets, reference the JSZip library.

HTML
<script type="text/javascript" src="/js/jszip.min.js"></script>
NOTE
Reference the jszip.min.js script before the DevExtreme scripts.
See Also