2013-01-11 68 views
-2

我刚刚开始使用Kendo UI,并且做了this教程来学习基础知识,我在Visual Studio 202上为MVC Web Application项目创建了一个新的Kendo UI,并决定尝试将我学到的东西进行测试,在教程中但未能运行它。为什么我不能在我的项目中使用Kendo UI控件?

我的意思是kendo功能没有被识别,不应该发生,因为项目已经有了js文件的kendo文件夹。

这里是我查看如何看起来像:

<!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> 

我试过把脚本的头部身体内部和内部,却无法获得剑道职能工作。我错过了什么?

+0

具体来说,你是指“无法使剑道功能正常工作”? JavaScript控制台是否显示错误?什么是错误?是否说这个函数没有定义?浏览器是否真的获得了kendo.web.min.js文件? – David

+0

它表示加载资源失败:服务器响应状态为404(未找到),它在http:// localhost:65097/Test/Scripts/kendo/2012.2.710/kendo.web上搜索脚本。 min.js 我不知道为什么在那里寻找它们,它应该在http:// localhost:65097/Scripts/kendo/2012.2.710/kendo.web.min.js中查找它们,我是否参考它们我的观点错了? –

回答

3

基于您的评论...

渲染HTML所引用的资源文件在错误的位置,因此404错误(或多个)。请记住,一个视图本身没有关于哪个URL将呈现它的概念。看来这个视图正在以/Test/的路径呈现。由于脚本正在被相对路径引用,因此它正在寻找相对路径。你使用的是什么版本的MVC?他们改变了“正确的方式”来引用视图资源几次。

例如,您可能会引用脚本是这样的:

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

这基本上在服务器端预处理调用来确定正确的客户端文件的路径(基于服务器端路径相对于应用程序根目录)并在script标记中输出该路径。因此,无论使用哪个视图,它都应该始终具有正确的资源文件路径。

你想用任何页面资源做到这一点。 JavaScript文件,CSS文件,甚至适当的图像。

+0

我使用的是MVC 4,所以我必须在我的视图中添加那种对所有内容的引用?这将使我的CSS看起来像'href =“<%:Url.Content(”〜/ Content/kendo/2012.2.710/kendo.common.min.css“)%>”'? –

+0

这应该可以做到。使用MVC 4,您还可以使用资源包查看。它们不是必需的,但可能是将多个引用添加到单个服务器端调用的有用工具。 – David

相关问题