2013-01-10 18 views
-1

我已經運行了Kendo UI的道場,但我似乎無法讓它在本地工作。這裏是我的示例(源自DOJO):我正在尋找Kendo-UI Grid的工作副本(就像在道場上),實際上工作

<!DOCTYPE html> 
<html> 
<head> 
    <script src="js/kendo.all.min.js" type="text/javascript"></script> 
    <script src="js/kendo.core.min.js" type="text/javascript"></script> 
    <script src="js/kendo.data.min.js" type="text/javascript"></script> 
    <script src="js/jquery.min.js" type="text/javascript"></script> 
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css"/> 
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css"/> 
    <script src="js/jquery.min.js" type="text/javascript"></script> 
    <script src="js/kendo.web.min.js" type="text/javascript"></script> 
    <script src="js/kendo.grid.min.js" type="text/javascript"></script> 

    <script> 
     var movies = [ 
      { Title: "Star Wars: A New Hope", Year: 1977 }, 
      { Title: "Star Wars: The Empire Strikes Back", Year: 1980 }, 
      { Title: "Star Wars: Return of the Jedi", Year: 1983 } 
     ]; 

     $("#grid").kendoGrid({ 
      dataSource: new kendo.data.DataSource({ 
       data: movies 
      }) 
     }); 
    </script> 
</head> 
<body> 
<div id="grid"></div> 

</body> 
</html> 

請幫忙!

回答

3

您幾乎包含了每一個kendo JavaScript文件。您只需要包含kendo.all.min.js - 它包含其他所有文件。有關更多信息,請參見JavaScript Dependencies幫助主題。

還有一個問題。您的代碼立即執行,並且網格的DIV尚未成爲DOM的一部分。 $(「#grid」)不會返回任何內容。

以下是您的代碼的固定版本:http://jsbin.com/esalih/1/edit

相關問題