我使用dojo中的grid显示数据，数据格式是json的。但是数据显示的时候数据与列表没在一起。是不是样式的问
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Ju...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Justa Cigar Wish List</title>
<link rel="stylesheet" type="text/css" href="dojoroot/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="dojoroot/dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="dojoroot/dojox/grid/resources/tundraGrid.css" />
<script type="text/javascript" src="dojoroot/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.grid._Grid");
</script>
<style>
#grid {
border: 1px solid #333;
width: 550px;
margin: 10px;
height: 200px;
font-size: 0.9em;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body class="tundra">
<h1>Justa Cigar Corporation</h1>
<h3>"Sometimes a cigar is a Justa Cigar!"</h3>
<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="cigar_wish_list.json">
</div>
<table id="grid" dojoType="dojox.grid.Grid" store="wishStore"
query="{wishId:'*'}" clientSort="true">
<thead>
<tr>
<th field="description" width="15em">Cigar</th>
<th field="size">Length/Ring</th>
<th field="origin">Origin</th>
<th field="wrapper">Wrapper</th>
<th field="shape">Shape</th>
</tr>
</thead>
</table>
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Justa Cigar Wish List</title>
<link rel="stylesheet" type="text/css" href="dojoroot/dijit/themes/tundra/tundra.css" />
<link rel="stylesheet" type="text/css" href="dojoroot/dojo/resources/dojo.css" />
<link rel="stylesheet" type="text/css" href="dojoroot/dojox/grid/resources/tundraGrid.css" />
<script type="text/javascript" src="dojoroot/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dojo.data.ItemFileReadStore");
dojo.require("dojox.grid._Grid");
</script>
<style>
#grid {
border: 1px solid #333;
width: 550px;
margin: 10px;
height: 200px;
font-size: 0.9em;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body class="tundra">
<h1>Justa Cigar Corporation</h1>
<h3>"Sometimes a cigar is a Justa Cigar!"</h3>
<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="cigar_wish_list.json">
</div>
<table id="grid" dojoType="dojox.grid.Grid" store="wishStore"
query="{wishId:'*'}" clientSort="true">
<thead>
<tr>
<th field="description" width="15em">Cigar</th>
<th field="size">Length/Ring</th>
<th field="origin">Origin</th>
<th field="wrapper">Wrapper</th>
<th field="shape">Shape</th>
</tr>
</thead>
</table>
</body>
</html> 展开
1个回答
展开全部
这个应该是《精通DOJO》上的一篇例子吧，在引入与grid显示相关的js文件时，require的应该是dojox.grid.DataGrid,而不是dojox.grid._grid,一般在类名前面有下划线的都是dojo内部调用时才使用到的文件。最好去dojo的官网上参考一下。
参考资料： http://dojotoolkit.org/reference-guide/dojox/grid/DataGrid.html#dojox-grid-datagrid
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
