dojo DataGrid使用一

最新推荐文章于 2016-04-16 23:12:00 发布

疯丫头666

最新推荐文章于 2016-04-16 23:12:00 发布

阅读量3.6k

点赞数 1

分类专栏： Django 文章标签： dojo DataGrid

本文链接：https://blog.csdn.net/wangli61289/article/details/9987831

版权

Django 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

dojo DataGrid使用(一)-----------通过html静态构建grid

<span style="font-family:Microsoft YaHei;font-size:14px;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
 <style type="text/css">  

 @import "js/dojo/dojox/grid/resources/tundraGrid.css";  

 @import "js/dojo/dojo/resources/dojo.css";  

 </style>  
 <!-- <link rel="stylesheet" href="js/dojo/dojo/resources/dojo.css">
 <link rel="stylesheet" href="js/dojo/dijit/themes/claro/claro.css"> -->

 <script type="text/javascript" src="js/dojo/dojo/dojo.js" 

djConfig="parseOnLoad: true"></script>  

 <script type="text/javascript">  

 dojo.require("dojo.data.ItemFileReadStore");  

 dojo.require("dojox.grid.DataGrid");  

 var sampleData = {
         identifier: 'pro_no',
         label: 'pro_no',  
         items: [  
                   {pro_no:'2100', pro:'A Series', min_amount:346, max_amount:931, avg_amount:647},  
                   {pro_no:'2200', pro:'B Series', min_amount:301, max_amount:894, avg_amount:608},
                   {pro_no:'2300', pro:'C Series', min_amount:456, max_amount:791, avg_amount:532},  
                   {pro_no:'2400', pro:'D Series', min_amount:859, max_amount:2433, avg_amount:1840},  
                   {pro_no:'2500', pro:'E Series', min_amount:459, max_amount:1433, avg_amount:1040}  
                   ]
 };  

 var jsonStore = new dojo.data.ItemFileReadStore({ data: sampleData });  

 var layout = [  

 {field: 'pro_no', name: 'Product Number' },  

 {field: 'pro', name: 'Product' },  

 {field: 'min_amount', name: 'Minimum Amount' },  

 {field: 'max_amount', name: 'Maximum Amount' },  

 {field: 'avg_amount', name: 'Average Amount' }
 
 ];  

 </script>  

 </head>  

 <body class="tundra">  

 <div class="heading">First Grid</div>  

 <div id="grid" dojoType="dojox.grid.DataGrid" store="jsonStore"  structure="layout" autoWidth="true"></div>  

 </body>  

 </html>  </span>

疯丫头666

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dojo DataGrid使用一

dojo DataGrid使用(-)-----------通过html静态构建gridInsert title here @import "js/dojo/dojox/grid/resources/tundraGrid.css"; @import "js/dojo/dojo/resources/dojo.css";
复制链接

扫一扫