如何开发dojox数据网格表
如何开发dojox数据网格表
提问于 2016-05-31 13:44:22
我想使用dojox工具包开发网格表，如here所示。我推荐了this，但对我不起作用。我想在静态html页面中有dojox网格表与所有css和js文件的显式导入。我已经为jqGrid表这样做了，但是不能为dojox网格表这样做。在html页面中增加了dojo.css，claro.cssclaroGrid.css，Grid.css，dojo.js资源。
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Demo: dojox.grid.DataGrid View's defaultCell</title>
<link rel="stylesheet" href="./css/dojo.css">
<link rel="stylesheet" href="./css/claro.css">
<link rel="stylesheet" href="./css/claroGrid.css">
<link rel="stylesheet" href="./css/Grid.css">
<script src="./js/dojo.js" type="text/javascript"></script>
</head>
<body class="claro">
<script>
dojo.require('dojox.grid.DataGrid');
dojo.require('dojo.data.ItemFileWriteStore');
dojo.require('dijit.form.Button');
var itemList = [
{alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
{alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
{alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
];
dojo.addOnLoad(function() {
var itemList = [
{alienPop: 320000,humanPop: 56000,planet: 'Zoron'},
{alienPop: 980940,humanPop: 56052,planet: 'Gaxula'},
{alienPop: 200,humanPop: 500,planet: 'Reiutsink'},
];
var store = new dojo.data.ItemFileWriteStore({
data: {
identifier : 'planet',
items: itemList
}
});
grid.setStore(store);
});
</script>
<table id="myDataGrid" dojoType="dojox.grid.DataGrid" style="width:400px;">
<thead>
<tr><th field="planet" width="33%">Planet</th>
<th field="alienPop" width="33%">Aliens</th>
<th field="humanPop" width="33%">Humans</th>
</tr>
</thead>
</table>
</body>
</html>回答 1
Stack Overflow用户
发布于 2016-05-31 17:48:11
请看一下Grid的dojo文档。
https://dojotoolkit.org/reference-guide/1.10/dojox/grid/DataGrid.html#examples
请看第一个示例。它正在以编程方式创建一个简单的数据网格。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37537654
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号