Question

如何使用mvc4设置kendo ui。我想在我的网络应用程序中使用它的themas和grid以及所有控件。

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

使用： - MVC 4，html 5和c＃

谢谢！

Answer 1

如何使用mvc4设置kendo ui

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

我想在我的网络应用程序中使用它的themas和grid以及所有控件。

太棒了，继续吧。转到documentation，阅读，卷起袖子并整合到您的应用程序中。

使用空模板

添加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脚本并开始使用它。

但是，如果你想取得一些进展，最重要的是RTFM来自Telerik（以及我的同事）的人花了很多时间来记录你需要知道的一切。

Answer 2

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

Hello Kendo UI - Add Kendo UI

和

Kendo Music Store - Project Setup

在mvc4 vs2012上设置了剑道

2 个答案: