2013-02-14 112 views
0

我是js框架的新手,現在嘗試使用Dojo來查看它是否適合我們的項目。 我正努力使用Dojo進行工作。 我嘗試過使用Dojo的dgrid。代碼或多或少是直接從教程中解脫出來的,我相信我也擁有所有的依賴關係(比如dgrid/xstyle和put-selector)。我仍然沒有看到網格渲染該頁面。可以有人請幫助我。dojo dgrid不渲染

這裏是我的JS設置(在Tomcat中)

enter image description here 這裏是我的代碼(幾乎是直接從教程部分剝離)

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Tutorial: Hello dgrid!</title> 
    <!-- this configuration assumes that the dgrid package is located 
     on the filesystem as a sibling to the dojo package --> 

<!-- load Dojo --> 

<script> 
    dojoConfig ={ 
    baseUrl: "js", 
    isDebug: true, // enables debug 
    async: true, // enables AMD loader 
    packages: [ 
     { 
     "name": "dojo", 
     "location": "lib/dojo" 
     }, 
     { 
     "name": "dgrid", 
     "location": "lib/dgrid" 
     } 
    ] 
    }; 
</script> 
<script src="dojo/dojo.js"></script> 
<script> 
require(["dojo/parser", "dgrid/Grid", "dojo/domReady!"], function(Grid){ 
      alert("Hi"); 
      var data = [ 
         { first: "Bob", last: "Barker", age: 89 }, 
         { first: "Vanna", last: "White", age: 55 }, 
         { first: "Pat", last: "Sajak", age: 65 } 
        ]; 
      var grid = new Grid(
        { 
         columns : { 
           first: "First Name", 
           last: "Last Name", 
           age: "Age" 
          } 
        }, "grid"); 
      grid.renderArray(data);    
     }); 
</script> 

</head> 
<body class="slate"> 
    <div id="grid" class="slate"></div> 
    Hi grid 
</body> 
</html> 

這裏是我所看到的(我不根本看不到網格,也沒有js錯誤)。 enter image description here

+2

在加載道場腳本標記嘗試,src屬性不指向JS/lib文件夾。嘗試 psema4 2013-02-14 20:06:01

+0

幾件事,用你的設置你不需要添加軟件包或baseUrl。只要設置就像psema4寫道的那樣。另外:如果你想解析頁面的部件,你還需要調用parser.parse();在你的功能。我知道現在你所擁有的並不是必需的,但是稍後當你添加小部件時,你會想知道爲什麼它不起作用。 – SiCN 2013-03-11 21:46:59

+0

你確定瀏覽器控制檯沒有錯誤嗎? – Angelo 2013-07-18 12:29:11

回答

0

在Grid中有「dojo/parser」,因爲第一個require不是Grid。 與

require(["dojo/parser", "dgrid/Grid", "dojo/domReady!"], function(parser,Grid){ 

require([ "dgrid/Grid", "dojo/parser","dojo/domReady!"], function(Grid){