TreeGrid
参考示例:
TreeGrid
创建TreeGrid
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:280px;"
url="../data/tasks.txt" showTreeIcon="true"
treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false">
<div property="columns">
<div type="indexcolumn"></div>
<div name="taskname" field="Name" width="200">任务名称</div>
<div field="Duration" width="100">工期</div>
<div field="Start" width="100" dateFormat="yyyy-MM-dd">开始日期</div>
<div field="Finish" width="100" dateFormat="yyyy-MM-dd">完成日期</div>
</div>
</div>
注意:idField、parentField、resultAsTree属性。
数据结构:列表
通过url返回的数据结构如下:
[
{id: "base", text: "Base", expanded: false},
{id: "ajax", text: "Ajax", pid: "base"},
{id: "json", text: "JSON", pid: "base"},
......
]
其中,id和pid对应父子关系。
Columns列配置
TreeGrid的列配置,跟DataGrid类似。参考如下:
Name Type Description Default
header String 表头列文本
field String 单元格值字段
name String 列标识名称
width Number 列宽度
headerAlign String 表头列文本位置。left/center/right。 left
align String 单元格文本位置。left/center/right。 left
headerCls String 表头列样式类。
cellCls String 单元格样式类
headerStyle String 表头列样式
cellStyle String 单元格样式
editor Object 单元格编辑器。
renderer Function 单元格绘制处理函数,同drawcell事件。
allowMove Boolean 是否可移动表头列。 true
allowResize Boolean 是否拖拽调节表头列宽度。 true
分享到:
相关推荐
jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js
jquery-treegrid 树形表格组件 最新的treegrid 版本 下载
GridView+Jquery实现的TreeGrid GridView和jquery 实现的无刷新TreeGrid 演示数据采用系统自动生成,功能非常简单
jquery easyui treegrid demo 详解 增删改查 用IE打开,并选择允许
基于jQuery的TreeGrid组件,附讲解地址: http://blog.csdn.net/s445320/article/details/50715430
扩展jquery.treegrid.extension.js,实现jquery-treegrid的懒加载,结合jquery.cookie.js来实现缓存,减缓页面大量数据加载
使用Bootstrap-table和JQuery TreeGrid插件展示树形表格,实现异步加载大数据量。
ASP.NET源码——GridView+Jquery实现的TreeGrid.zip
jquery easyui treegrid 拖拽demo
上一篇介绍了DataTable,这一篇在DT的基础之上再使用jquery的一款插件:treegrid,官网地址:http://maxazan.github.io/jquery-treegrid/ 一、使用treegrid,需要以下支持 jquery.min.js+jquery.treegrid.min.js 二、...
一个jquery的treegrid例子,为了自己备忘,需要的朋友可以下载
GridView+Jquery实现的TreeGrid_jtreegrid
GridView+Jquery实现的TreeGrid_C# GUI控件
juqery的一种小插件,可实现类似于表格的功能。附带了本人写的使用说明,和案例
主要介绍了jQuery Easyui datagrid/treegrid 清空数据的相关资料
jQuery.treeGrid 解决手动关闭后不可以全部打开问题 自己改的 大家见笑了
一个基于ASP.net+Jquery+GridView实现无刷新TreeGrid源码例子