Telerik UI for ASP.NET MVC

Telerik UI for ASP.NET MVC is a set of server-side wrappers that allows using the Kendo UI widgets from C# or VB.NET code.

This article shows how to download Telerik UI for ASP.NET MVC, install it and then run a sample ASP.NET MVC application.

Requirements

Telerik UI for ASP.NET MVC requires ASP.NET MVC.

The offline sample application requires:

• .NET 4.5
• ASP.NET MVC 4 or ASP.NET MVC 5

• Visual Studio 2012 or Visual Studio 2013

• LocalDB

Environments

Telerik UI for ASP.NET MVC supports:

• .NET Framework 3.5 and later

• ASP.NET MVC 3 and later
• Visual Studio 2010 and later

• IIS 5 and later

• C# / VB.NET
• SharePoint 2010 and later

Telerik UI for ASP.NET MVC Visual Studio Extensions support Visual Studio 2010 and later.

Download

Below are the basic steps for you to follow when downloading Telerik UI for ASP.NET MVC.

Step 1 Log in to your Telerik account.

Step 2 Click Products & Subscriptions in the top navigation.

Step 3 Click UI for ASP.NET MVC. If this option is not available, click one of the following: DevCraft UI Edition, DevCraft Complete or DevCraft Ultimate.

Step 4 Click Download Installer and other resources.

Step 5 Find the UI for ASP.NET MVC item, click Browse all product files, and select to download the Telerik online installer (exe file), the MSI installer file directly, or the .zip file.

Installation

Run Telerik UI for ASP.NET MVC installer. The automatic setup will guide you through the rest of the installation. If you chose to download the .zipfile, extract it to a location of your preference.

Location

The setup installs Telerik UI for ASP.NET MVC in C:\Program Files (x86)\Telerik\Telerik UI for ASP.NET MVC<version>.

Distribution Contents

Telerik UI for ASP.NET MVC contains the following directories:

• js—These are the minified JavaScript files.

• styles—The minified CSS files and images used by the themes.

• src—The complete JavaScript, CSS, and C# source code. Note that this directory is not available in the trial version.

• spreadsheet—Telerik.Web.Spreadsheet assembly and its dependencies from Telerik Document Processing library.
• wrappers\aspnetmvc\Binaries\MVC3—The assemblies for the ASP.NET MVC 3 applications.
• wrappers\aspnetmvc\Binaries\MVC4—The assemblies for the ASP.NET MVC 4 applications.

• wrappers\aspnetmvc\Binaries\MVC5—The assemblies for the ASP.NET MVC 5 applications.

• wrappers\aspnetmvc\Examples\VS2012—The ASP.NET MVC 4 sample application built with Visual Studio 2012.

• wrappers\aspnetmvc\Examples\VS2013—The ASP.NET MVC 5 sample application built with Visual Studio 2013.

• wrappers\aspnetmvc\Examples\VS2015—The ASP.NET MVC 5 sample application built with Visual Studio 2015.

• wrappers\aspnetmvc\Examples\AspNet.Core—The ASP.NET Core sample application built with Visual Studio 2015.

• wrappers\aspnetmvc\EditorTemplates—The ready-to-use editor templates based on the Kendo UI widgets.

• wrappers\aspnetmvc\Scaffolding—The Kendo UI Scaffolder Visual Studio extension. It enables generating the Kendo UI MVC wrapper widgets declarations inside Visual Studio projects and is added in the Kendo UI Q1 2015 release.

Sample Application

Telerik UI for ASP.NET MVC comes with a sample ASP.NET MVC application available in two versions:

• The ASP.NET MVC 4 application built with Visual Studio 2012.
• The ASP.NET MVC 5 application built with Visual Studio 2013.

Run the Sample Application

Below are the steps for you to follow when running the sample application.

Step 1 Navigate to the installation directory of Telerik UI for ASP.NET MVC.

Step 2 Open the sample Visual Studio Solution:

• To run the ASP.NET MVC 4 version, open wrappers\aspnetmvc\Examples\VS2012\Kendo.Mvc.Examples.sln with Visual Studio 2012.

• To run the ASP.NET MVC 5 version, open wrappers\aspnetmvc\Examples\VS2013\Kendo.Mvc.Examples.sln with Visual Studio 2013.

Step 3 Press CTRL+F5 to build and run the application.

Step 4 A browser loads the start page of the sample application. Use the links to explore the available demos.

Figure 1 The start-up screen of the sample application

 

Contents

The sample application Visual Studio solution contains the following:

• Areas/aspx/Views—WebForm views.

• Areas/razor/Views—Razor views.

• Controllers—Controller classes.

• Models—Model classes.

• App_Data—LocalDB sample database.

Next Steps

After you run the sample application, read through the following articles, related to Telerik UI for ASP.NET MVC:

• Telerik UI for ASP.NET MVC Fundamentals

• Telerik UI for ASP.NET MVC NuGet Packages

• Scaffolding with Telerik UI for ASP.NET MVC

• Use Telerik UI for ASP.NET MVC in MVC 3 Applications

• Use Telerik UI for ASP.NET MVC in MVC 4 Applications

• Use Telerik UI for ASP.NET MVC in MVC 5 Applications

• Use Telerik UI for ASP.NET Core

• Use Telerik UI for ASP.NET MVC Visual Studio Extensions

• Telerik UI for ASP.NET MVC Troubleshooting

See Also

• Collected ASP.NET MVC Examples

• Collected Examples on ASP.NET Web Technologies

• Collected Examples on Telerik UI for ASP.NET MVC

• Telerik UI for ASP.NET MVC Custom DataSource

• Validation with Telerik UI for ASP.NET MVC

• Globalization with Telerik UI for ASP.NET MVC

• Localization with Telerik UI for ASP.NET MVC

• Visual Basic Syntax

• Telerik UI for ASP.NET MVC Wrappers vs Kendo UI Widgets

• Telerik UI for ASP.NET MVC Visual Studio Integration

• Migration from Telerik Extensions

• Telerik UI for ASP.NET MVC HtmlHelpers

• Tutorials on Telerik UI for ASP.NET MVC

 Quelle:
http://docs.telerik.com/kendo-ui/aspnet-mvc/introduction#manually-add-kendo-ui-to-asp.net-mvc-applications