2013-02-14 66 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){