CODEWITHSUNDEEP
c#razorkendo-uiasp.net-mvc-5kendo-grid
Brian
Brian

Reputation: 427

Kendo UI reference not working in Razor view

I am trying to create a Telerik Grid view but when I go to reference kendo it does not recognize it. Visual Studio is giving me an error when I try to reference kendo. This is the code @(Html.Kendo().Grid) and below is the error.

'System.Web.Mvc.HtmlHelper<dynamic>' does not contain a definition for 'Kendo' and no extension method 'Kendo' accepting a first argument of type 'System.Web.Mvc.HtmlHelper<dynamic>' could be found (are you missing a using directive or an assembly reference?)

I have added a bundle in the BundleConfig file for both Scripts and Content. Also I have added @Scripts.Render("~/bundles/kendo") and @Styles.Render("/Content/kendo") directly to the razor view.

Many articles that i've read suggest that adding <add namespace="Kendo.Mvc.UI"/> to the Web.Config file would work but it still is throwing out the same error.

Is there something that I am missing?

Upvotes: 16

Views: 44527

Answers (10)

Mussa Moses
Mussa Moses

Reputation: 101

For those who are still facing the same issue, the following link is an updated blog for the latest versions of ASP MVC

Using Telerik in an Existing ASP MVC Project

For ASP MVC 4 Click here

Upvotes: 0

Tom Stickel
Tom Stickel

Reputation: 20441

For me, it was _ViewImports.cshtml that I needed to edit 

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Kendo.Mvc
@using Kendo.Mvc.UI

Now with asp.net core 2.2 the razor page is resolving the @(Html.Kendo()...

Upvotes: 4

Rock
Rock

Reputation: 584

AddKendo.Mvc.dll through NugetPackage and Add Kendo.Mvc

Add Namespace in webconfig file

<system.web>
<pages>
    <namespaces>
        <add namespace="Kendo.Mvc.UI" />
    </namespaces>
</pages>

enter image description here

enter image description here

enter image description here

enter image description here

Upvotes: 0

user3540034
user3540034

Reputation: 1

However, I had the same problem but it was solved after the following steps:

1- Open tools ==> Extensions and updates
2- Tap on the "Online" tab on the left and search for telerik
3- Download and install "Telerik ASP.NET AJAX VSExtensions" & "Telerik ASP.NET MVC VSExtensions"
4- Close the Window
5- Go to "Telerik" tab
6- Tap on "Telerik UI for ASP.NET MVC"
7- Upgrade Wizard and upgrade

This solved the problem because of the conflict between Telerik versions between two stations. in addition to the fact that kendo is not included in the project if you installed VS after you do for Telerik.

Upvotes: 0

MohammadSoori
MohammadSoori

Reputation: 2408

Step1: Add Kendo.Mvc.dll to references. You can use the following NuGet gallery command.

Install-Package Kendo.Mvc -Version {yourversion}

Step2: Add the js and css File of Kendo

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.common.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.mobile.all.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.default.min.css")" rel="stylesheet" type="text/css" />

<link href="@Url.Content("~/Content/kendo/2017.3.1018/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/jquery.min.js")"></script>

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/jszip.min.js")"></script>

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/kendo.all.min.js")"></script>

<script src="@Url.Content("~/Scripts/kendo/2017.3.1018/kendo.aspnetmvc.min.js")"></script>

<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>

Step3: Add the Kendo.Mvc.UI namespace in web.config file.

note: if use the Area in Project you should add this code to web.config of Area.

<system.web>
    <pages>
        <namespaces>
            <add namespace="Kendo.Mvc.UI" />
        </namespaces>
    </pages>
</system.web>

Upvotes: 0

vineel
vineel

Reputation: 3693

I had the same problem. The third point mentioned below solved the problem in my case.

1. Include the JavaScript and CSS files: The ordering of scripts and css files is also very important. jQuery should be included before the KendoUI script file(s).

2. Add reference to Kendo.Mvc.dll: Right-click the References node in Solution Explorer and click Add Reference. Select the Browse tab of the Add Reference dialog and navigate to the install location of Telerik UI for ASP.NET MVC.

3. Update the web.config in Views folder: Open Views/Web.config (or root Web.config if using ASPX). Locate the namespaces tag. Append an below add tag to the namespaces tag. 

<add namespace="Kendo.Mvc.UI" />

Upvotes: 21

Ramesh P
Ramesh P

Reputation: 81

I just added the below line in razor page. Its working for me.

@using Kendo.Mvc.UI;

Upvotes: 4

Adam Cox
Adam Cox

Reputation: 3679

Regarding the addition of Kendo into existing ASP Core application, I did find that adding css and javascript (js) file references into my _Layout.cshtml anywhere other than before <environment> tags in the <head> caused an issue. I did eventually get this to work by adding the following:

<link href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common-material.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />
<link href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.material.min.css" rel="stylesheet" type="text/css" />

<script src="https://kendo.cdn.telerik.com/2017.2.621/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.aspnetmvc.min.js"></script>

Upvotes: 1

jt25617
jt25617

Reputation: 21

When you created your project you had to have selected the right project type. There is the Telerik asp.net MVC application project type and the Kendo UI Asp.net MVC 5 project type. Picking the Kendo UI project type will provide you with the javascript kendo classes. This is for when you want to use Kendo through javascript, I had the same issue until I went back and chose the right project type. I spent a day and a half trying to add the .net class libraries because my razor wouldn't work. I think Visual studio was just confused about what I was trying to do and I probably was missing a .net class library.

Upvotes: 1

RandomWebGuy
RandomWebGuy

Reputation: 1449

The problem is that you have not included a reference to the Kendo.Mvc.dll. There's an explanation on how to do this in the documentation located here

By default the the root kendo directory is installed at C:\Program Files (x86)\Telerik

Upvotes: 10

Related Questions