Telerik在mvc中的环境搭建

在使用微软的mvc开发模式中,Telerik提供了丰富的控件类库(在基于jquery基础之上封装的控件),也集成了很多样式,功能比较丰富。

官方地址(demo):http://demos.telerik.com/aspnet-mvc

在mvc项目中的使用:

将下载的样式文件复制到Content目录下面

将下载的js文件复制到Scripts目录下面

项目应用Telerik的dll。

webconfig增加如下配置:

在system.web下面增加:

 <httpHandlers>
      <add verb="GET,HEAD" path="asset.axd" validate="false" type="Telerik.Web.Mvc.WebAssetHttpHandler, Telerik.Web.Mvc"/>
    </httpHandlers>

在system.webserver下面增加:

 <handlers>
      <remove name="AssetHandler" />
      <add name="AssetHandler" preCondition="integratedMode" verb="GET,HEAD" path="asset.axd" type="Telerik.Web.Mvc.WebAssetHttpHandler, Telerik.Web.Mvc" />
    </handlers>

在namespaces 下面增加(是页面应用dll文件):

 <add namespace="Telerik.Web.Mvc.UI"/>

模版页面中如下:

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/favicon.ico")" rel="Shortcut Icon" />
    @(Html.Telerik().StyleSheetRegistrar()
    .DefaultGroup(group => group
    .Add("telerik.common.css")
    .Add("telerik.office2010blue.css")
    .Add("telerik.rtl.css")
    .Combined(true)
    .Compress(true))
    )
</head>
<body>
    @RenderBody()
     @(Html.Telerik().ScriptRegistrar().jQuery(false)
        .DefaultGroup(group => group
        .Combined(true)
        .Compress(true))
    )
</body>
</html>

 

 

posted @ 2013-04-09 13:57  独孤求败  阅读(1376)  评论(0编辑  收藏  举报