利用TreeGrid做简单数据报表

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

 

评论

5 楼 zlf3865072 2012-04-10  

太好了。。

4 楼 renjie120 2010-09-13  

我以前写过一个表格树插件,也是jquery做的,推荐大家看看.

http://renjie120.iteye.com/blog/631822

支持懒加载,开源,支持json数据格式...

3 楼 rkikbs 2010-09-11  

easy-ui垃圾的很。其实做的还是不错的，但是扩展性不好。要想修改点符合自己业务逻辑的，那就挂了。源码都看不到，还说什么开源，都给压缩了。

2 楼 slkevin333 2010-09-10  

Scriptlet 写道

为什么这个热贴没有被回复过？

同问

1 楼 Scriptlet 2010-09-08  

为什么这个热贴没有被回复过？