dojo的DataGrid

最新推荐文章于 2018-11-13 17:17:00 发布

ethan777

最新推荐文章于 2018-11-13 17:17:00 发布

阅读量135

点赞数

分类专栏： dojo 文章标签： xhtml json javascript ViewUI

本文链接：https://blog.csdn.net/ethan777/article/details/84174478

版权

dojo 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css">
			@import "dijit/themes/tundra/tundra.css";
			@import "dojo/resources/dojo.css";
			@import "dojox/grid/resources/tundraGrid.css";

		</style>
		<script type="text/javascript" src="dojo/dojo.js" djconfig="parseOnLoad:true"></script>
		<script>
            dojo.require("dojo.parser");
            dojo.require("dojo.data.ItemFileReadStore");
            dojo.require("dojox.grid.DataGrid");

		</script>
	</head>
	<body class="tundra">
		<h2>数据</h2>
		<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="services/wish_list.json"></div>
		<table dojoType="dojox.grid.DataGrid" store="wishStore"  style ="width:217px;height:150px">
			<thead>
				<tr>
					<th field="wishId">序列号</th>
					<th field="size">长度</th>
					<th field="shape">形状</th>
				</tr>
			</thead>
		</table>
	</body>
</html>

{
	"identifier":"wishId",
	"label":"description",
	"items":
	[
		{
		"wishId":4455,"description":"601 Habano",
		"size":"7-50","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4456,"description":"602 Habano",
		"size":"7-51","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4457,"description":"603 Habano",
		"size":"7-52","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		},
		{
		"wishId":4458,"description":"604 Habano",
		"size":"7-53","origin":"China","wrapper":"Corojo",
		"shape":"straight"
		}
	]	
	
}