如何使用dojo实现dojox中的Grid表格并展示数据

来源：互联网 2023-03-16 23:57:45 版权归原作者所有，如有侵权，请联系我们

在dojo中，实现表格dojox.grid.DataGrid，需要导入不同的js，如lang、DataGrid、dom等。这个表格需要注意数据格式，字段名称对应，绑定数据源。下面利用一个实例说明Grid表格的用法，操作如下：

工具/原料

第一步，双击打开HBuilder编辑工具，引入dojo主题样式并导入表格样式，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

第二步，在body>/body>标签元素内插入一个div标签，设置ID属性值，样式类，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

第三步，在script>/script>内编写表格数据源，调用方法绑定数据，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

第四步，再次style标签元素内设置表格的高度为900px，不然表格为一条线了，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

第五步，保存代码并预览该静态页面，查看表格样式和布局，结合数据查看效果，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

第六步，修改表格数据源，利用数组将表格数据装载起来，然后赋值给data对象中的属性，如下图所示：

如何使用dojo实现dojox中的Grid表格并展示数据

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！