dojo的DataGrid4

最新推荐文章于 2024-09-26 17:23:32 发布

ethan777

最新推荐文章于 2024-09-26 17:23:32 发布

阅读量119

点赞数

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

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

版权

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");
            dojo.require("grid.rowbar");

		</script>
	</head>
	<body class="tundra">
		<h2>数据</h2>
		<div dojoType="dojo.data.ItemFileReadStore" jsId="wishStore" url="services/wish_list.json"></div>
		<div dojoType="dojox.grid.DataGrid" store="wishStore"  style ="width:350px;height:200px"
		structure = "grid.rowbar.structure">
		</div>
	</body>
</html>

dojo.provide("grid.rowbar");

(function(){
    grid.rowbar.structure = [
    {
        tpye:dojox.grid.GridView,
        width:"20px",
        noscroll:true
    },
    {
        cells:[
        {name:'wishId', field: 'wishId'},
        {name:'description', field: 'description'},
        {name:'size', field: 'size'},
        {name:'origin', field: 'origin'},
        {name:'wrapper', field: 'wrapper'},
        {name:'shape', field: 'shape'},
        ]
    }
    ];
})();