Prerequisites and Installation

NOTE
Currently, DevExtreme ASP.NET MVC Wrappers are in the Release Candidate (RC) status, meaning that although this product is stable, significant bugs may emerge. In case you find one, please report to our Support Center.

This topic shows how to download and install DevExtreme ASP.NET MVC Wrappers and then run a sample ASP.NET MVC application.

Environment and Requirements

DevExtreme ASP.NET MVC Wrappers support:

  • .NET Framework 4.0 and later / .NET Core 1.0.1 and later
  • ASP.NET MVC 3 and later
  • Visual Studio 2012 and later
NOTE
If you use Visual Studio 2012, make sure that you have the following updates and hotfixes applied. This ensures proper Razor code highlighting and the absence of unexpected dialog boxes.
- Visual Studio 2012 Update 5
- ASP.NET and Web Tools 2013.1 for Visual Studio 2012
- KB3002339 hotfix

Apart from the libraries required by DevExtreme itself, DevExtreme ASP.NET MVC Wrappers have the following dependencies.

Download and Installation

Download the DevExtreme installer (.exe file) here and run it. The setup wizard will guide you through the installation steps. After installation is completed, you can create a new project that includes all the resources required by ASP.NET MVC Wrappers.

DevExtreme HTML5 ASPNET MVCWrappers

If you already have a project, add these resources manually using the instructions below.

ASP.NET MVC 3, 4, 5

Use this tool for Visual Studio.

ASP.NET Core MVC

  1. Add a new NuGet package source, which is located in the folder where you have installed DevExtreme.

    DevExtreme HTML5 ASP.NET MVC Wrappers

  2. Install the DevExtreme.AspNet.Data and DevExtreme.AspNet.Core packages for your solution.

    DevExtreme HTML5 ASP.NET MVC Wrappers

  3. Add the following strings to the bower.json file into the "dependencies" section.

    "jquery": "~3.1",
    "devextreme": "~16.2",
    "devextreme-aspnet-data": "~1"
    NOTE
    If the bower.json file is absent, run the console in the project directory and execute the bower init command in it.
  4. Copy and paste the following strings to the Views/Shared/_Layout.cshtml file into the <head> tag.

    <link href="~/lib/devextreme/css/dx.common.css" rel="stylesheet" /> 
    <link href="~/lib/devextreme/css/dx.light.css" rel="stylesheet" /> 
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/lib/devextreme/js/dx.all.js"></script>     
    <script src="~/lib/devextreme-aspnet-data/js/dx.aspnet.data.js"></script> 
    <script src="~/lib/devextreme/js/dx.aspnet.mvc.js"></script>
  5. Add the following string to the Views/_ViewImports.cshtml file.

    @using DevExtreme.AspNet.Mvc

Sample Applications

DevExtreme ASP.NET MVC Wrappers come with two sample applications that show how to configure almost every widget from the DevExtreme library. They demonstrate identical use-cases, but one of them is built using ASP.NET MVC 5 and Visual Studio 2012, while the other targets ASP.NET Core MVC. You can find both applications in the C:\Users\Public\Public Documents\DevExpress Demos 16.2\DevExtreme\ASP.NET MVC Wrappers (RC)\ directory.

See Also