浏览 9988 次
|
锁定老帖子 主题：利用TreeGrid做简单数据报表
精华帖 (0) :: 良好帖 (2) :: 新手帖 (10) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-09-02
最后修改：2010-09-02
jquery-easyui中的TreeGrid继承DataGrid的很多特性，比如复杂表头，冻结列等，利用这些特性可以制作一般的数据报表。
创建方法基本同datagrid，所不同的是需要定义treeField属性以指定那个字段可以收缩和展开： $('#test').treegrid({
title:'Complex TreeGrid',
width:550,
height:300,
rownumbers: true,
animate:true,
url:'treegrid_data.json',
idField:'region',
treeField:'region',
frozenColumns:[[
{title:'Region',field:'region',width:100,rowspan:2}
]],
columns:[[
{title:'2009',colspan:4},
{title:'2010',colspan:4}
],[
{field:'f1',title:'1st qrt.',width:50,align:'right'},
{field:'f2',title:'2nd qrt.',width:50,align:'right'},
{field:'f3',title:'3rd qrt.',width:50,align:'right'},
{field:'f4',title:'4th qrt.',width:50,align:'right'},
{field:'f5',title:'1st qrt.',width:50,align:'right'},
{field:'f6',title:'2nd qrt.',width:50,align:'right'},
{field:'f7',title:'3rd qrt.',width:50,align:'right'},
{field:'f8',title:'4th qrt.',width:50,align:'right'}
]]
});
原文及下载地址：http://jquery-easyui.wikidot.com/tutorial:treegrid2
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-09-08
为什么这个热贴没有被回复过？
|
| 返回顶楼 | |
|
发表时间：2010-09-10
Scriptlet 写道 为什么这个热贴没有被回复过？
同问 |
| 返回顶楼 | |
|
发表时间：2010-09-11
easy-ui垃圾的很。其实做的还是不错的，但是扩展性不好。要想修改点符合自己业务逻辑的，那就挂了。源码都看不到，还说什么开源，都给压缩了。
|
| 返回顶楼 | |
|
发表时间：2010-09-13
我以前写过一个表格树插件,也是jquery做的,推荐大家看看.
http://renjie120.iteye.com/blog/631822 支持懒加载,开源,支持json数据格式... |
| 返回顶楼 | |
