c#-4.0 - mvc4 vs2012上的剑道设置

Question

如何使用 mvc4 设置剑道 ui。我想在我的 Web 应用程序中使用它的主题和网格以及所有控件。

我已经使用http: //demos.kendoui.com/themebuilder/web.html 但我如何在我的网站中应用生成的主题。我对剑道有点困惑，我是新手。请建议我如何在 mvc4 上配置 kendo 并使用它的所有功能。

使用：-MVC 4、html 5 和 c#

谢谢！！

score 3 · Accepted Answer

我如何使用 mvc4 设置剑道 ui

与使用 PHP 设置它的方式完全相同。或者使用 Java Servlet。KendoUI 是一个与服务器端无关的客户端框架。您使用哪种服务器端技术并不重要。

我想在我的 Web 应用程序中使用它的主题和网格以及所有控件。

太好了，继续。前往文档，阅读它，卷起袖子并集成到您的应用程序中。

使用 Empty 模板创建一个新的 ASP.NET MVC 4 应用程序

添加一个 HomeController 来提供一个视图：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
}

当然还有相应的~/Views/Home/Index.cshtml视图：

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link rel="stylesheet" href="//cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="//cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css" />
</head>
<body>
    <input id="dropDownList" />

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="//cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
    <script type="text/javascript">
        $("#dropDownList").kendoDropDownList({
            dataTextField: "text",
            dataValueField: "value",
            dataSource: [
                { text: "Item1", value: "1" },
                { text: "Item2", value: "2" }
            ]
        });
    </script>
</body>
</html>

正如您所看到的，这里绝对没有任何特定于 MVC 的内容。您可以从任何服务器端框架提供此标记。您只需选择一个主题，从 Kendo CDN 引用它，从 CDN 引用位于 DOM 末尾的 Kendo 脚本并开始使用它。

但是，如果您想取得一些进展，最重要的是RTFMTelerik 的人（以及我的同事）花了很多时间来记录您需要知道的所有内容。

score 0 · Accepted Answer

Kendo Docs 网站上有一个教程，将逐步引导您完成它。

你好剑道用户界面 - 添加剑道用户界面

和

剑道音乐商店 - 项目设置

c#-4.0 - mvc4 vs2012上的剑道设置

2 回答 2

Related

Reference