2013-01-11 98 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

相關問題