ASP.NET MVC 4中使用Kendo UI

最新推荐文章于 2016-06-01 16:33:13 发布

KingCruel

最新推荐文章于 2016-06-01 16:33:13 发布

阅读量5.4k

点赞数

分类专栏： MVC 文章标签： mvc kendoui

本文链接：https://blog.csdn.net/KingCruel/article/details/9996159

版权

MVC 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

一、
1、建立一个ASP.NET MVC 4专案

使用NuGet安装KendoUIWeb及KendoGridBinder

工具—》库程序报管理工具—》管理解决方案的NuGet程序包—》搜索栏输入“KendoUIWeb”—》安装
工具—》库程序报管理工具—》管理解决方案的NuGet程序包—》搜索栏输入“KendoGridBinder”—》安装

2、要引用Kendo UI，需要载入必要的JS及CSS，编辑App_Start/BundleConfig.cs，加入以下程序:
bundles.Add(new ScriptBundle("~/bundles/kendoUI").Include("~/Scripts/kendo/2012.1.322/kendo.web.min.js"));
//经实测，SytleBundle virtualPath参数使用"2012.1.322"会有问题，故向上搬移一层
//将/Content/kendo/2012.1.322的内容搬至Content/kendo下
bundles.Add(new StyleBundle("~/Content/kendo/css").Include("~/Content/kendo/kendo.common.min.css",
"~/Content/kendo/kendo.blueopal.min.css"));

由于CSS文件路径会被当成图片文件的基准，原本Kendo UI的.css及图图片被放在~/Content/kendo/2012.1.322/下，
理论上StyleBundle应设成"~/Content/kendo/2012.1.322/css”，才能引导浏览器到该目录下取用图文件。不幸地，我发现StyleBundle的virtualPath参数出现2012.1.322时，
会导致Styles.Render("~/Content/kendo/2012.1.322/css”)时传回HTTP 404错误~ 为克服问题，我决定将2012.1.322目录的内容向上搬一层，直接放在~/Content/keno目录
下，并将virtualPath设成"~/Content/kendo/css"，这样就能避开问题。

在~/Views/Shared/_Layout.cshtml中:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>@ViewBag.Title</title>
@Styles.Render("~/Content/themes/base/css", "~/Content/css", "~/Content/kendo/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
@RenderBody()

@Scripts.Render("~/bundles/jquery", "~/bundles/kendoUI")
@RenderSection("scripts", required: false)
</body>
</html>

二、项目中要添加Kendo.Mvc.dll文件
1、复制到bin文件夹下
2、引用—》添加引用—》浏览—》Kendo.Mvc.dll—》确定

KingCruel

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
ASP.NET MVC 4中使用Kendo UI

一、1、建立一个ASP.NET MVC 4专案使用NuGet安装KendoUIWeb及KendoGridBinder2、要引用Kendo UI，需要载入必要的JS及CSS，编辑App_Start/BundleConfig.cs，加入以下程序: bundles.Add(new ScriptBundle("~/bundles/kendoUI").Include("~/Scri
复制链接

扫一扫