-2

我刚开始使用 Kendo UI 并完成了本教程来学习基础知识，我在 Visual Studio 202 上为 MVC Web 应用程序项目创建了一个新的 Kendo UI，并决定测试我学到的东西，我尝试像在教程但未能运行它。

我的意思是无法识别剑道功能，这不应该发生，因为该项目已经具有带有 js 文件的剑道文件夹。

这是我的视图的样子：

<!DOCTYPE html>

<html>
<head >
    <link href="Content/kendo/2012.2.710/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="Content/kendo/2012.2.710/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <title><%: ViewBag.Title %></title>
</head>
    <body>
        <h1><%: ViewBag.GestionTitle %></h1>
        <div id="tweetGrid"></div>

        <script src="Scripts/jquery-1.8.2.min.js"></script>
        <script src="Scripts/kendo/2012.2.710/kendo.web.min.js"></script>
        <script>            
            $(function () {
                var ds = new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: "http://search.twitter.com/search.json?q=kendoui",
                            dataType: "jsonp"
                        }
                    },
                    schema: {
                        data: "results"
                    }
                });
                $("#tweetGrid").kendoGrid({
                    columns: ["from_user", "from_user_name", "text"],
                    dataSource: ds
                });
            });
        </script>
    </body>
</html>

我尝试将脚本放在头部和身体内，但无法让剑道功能正常工作。我错过了什么？

4

1 回答 1

3

根据您的评论...

呈现的 HTML 引用了错误位置的资源文件，因此出现 404 错误。请记住，视图本身并没有关于将呈现它的 URL 的概念。似乎该视图正在/Test/路径下呈现。由于脚本是通过相对路径引用的，因此它正在寻找该相对路径。你使用的是什么版本的 MVC？他们改变了几次引用视图资源的“正确方式”。

例如，您可能会引用这样的脚本：

<script src="<%: Url.Content("~/Scripts/kendo/2012.2.710/kendo.web.min.js") %>"></script>

这实质上调用服务器端预处理来确定文件的正确客户端路径（基于相对于应用程序根的服务器端路径）并在script标签中输出该路径。因此，无论视图在哪里使用，它都应该始终具有资源文件的正确路径。

您希望对任何页面资源执行此操作。JavaScript 文件、CSS 文件，甚至是适当的图像。

于 2013-01-11T18:50:09.843 回答