博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

dojo随手记--gird组件引用

Posted on 2011-02-24 13:19  bobolive  阅读(284)  评论(0编辑  收藏  举报

我建了一个文件里面代码是网上下的<精通dojo>的代码:

View Code
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd">
3  <!--
4 ! Excerpted from "Mastering Dojo",
5 ! published by The Pragmatic Bookshelf.
6 ! Copyrights apply to this code. It may not be used to create training material,
7 ! courses, books, articles, and the like. Contact us if you are in doubt.
8 ! We make no guarantees that this code is fit for any purpose.
9 ! Visit http://www.pragmaticprogrammer.com/titles/rgdojo for more book information.
10 -->
11 <html>
12 <head>
13 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
14 <title>Justa Cigar Wish List</title>
15 <style type="text/css">
16 @import "/zstudio/testdojo/dojoroot/dijit/themes/tundra/tundra.css";
17 @import "/zstudio/testdojo/dojoroot/dojo/resources/dojo.css";
18 @import "/zstudio/testdojo/dojoroot/dojox/grid/_grid/tundraGrid.css";
19 </style>
20 <script type="text/javascript" src="/zstudio/testdojo/dojoroot/dojo/dojo.js"
21 djConfig="parseOnLoad: true"></script>
22 <script>
23 dojo.require("dojo.parser");
24 dojo.require("dojo.data.ItemFileReadStore");
25 dojo.require("dojox.grid.Grid");
26
27 </script>
28 <style>
29
30 #grid {
31 border: 1px solid #333;
32 width: 550px;
33 margin: 10px;
34 height: 200px;
35 font-size: 0.9em;
36 font-family: Geneva, Arial, Helvetica, sans-serif;
37
38 }
39
40 </style>
41
42 </head>
43 <body class="tundra">
44
45 <h1>Justa Cigar Corporation</h1>
46 <h3>"Sometimes a cigar is a Justa Cigar!"</h3>
47
48
49 <div dojoType="dojo.data.ItemFileReadStore"
50 jsId="wishStore" url="services/cigar_wish_list.json">
51 </div>
52
53
54
55 <table id="grid" dojoType="dojox.grid.Grid" store="wishStore"
56 query="{ wishId: '*' }" clientSort="true">
57 <thead>
58 <tr>
59 <th field="description" width="15em">Cigar</th>
60 <th field="size">Length/Ring</th>
61 <th field="origin">Origin</th>
62 <th field="wrapper">Wrapper</th>
63 <th field="shape">Shape</th>
64 </tr>
65 </thead>
66 </table>
67
68
69 </body>
70 </html>

这时候出来的页面什么效果都没产生,打开firebug一看:dojox.grid.Grid 404 not Found!!

这是怎么回事呢,我打开dojoroot/dojox/grid/目录,没发现有Grid.js的文件,只有个_Grid.js

于是我把dojox.grid.Grid 改成了 dojox.grid._Grid。这下没说找不到了,但又出了莫名其妙的问题

难道我下的dojo有问题?从官网下的1.5的啊,后来,我想了想,dojo作为一个流行的库,它的调用应该不会像dojox.grid._Grid这么奇怪,接着我发现grid目录下有个compatGrid.tar.gz的包(上面的文档目录截图里面有),在里面发现grid.js,果断解压到当前目录。再一试,果然行了!!!