jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍


Posted in Javascript onNovember 21, 2011

扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。
依赖
datagrid
用法

<table id="tt"></table>

$('#tt').treegrid({ 
url:'treegrid_data.json', 
treeField:'name', 
columns:[[ 
{title:'Task Name',field:'name',width:180}, 
{field:'persons',title:'Persons',width:60,align:'right'}, 
{field:'begin',title:'Begin Date',width:80}, 
{field:'end',title:'End Date',width:80} 
]] 
});

特性
其特性扩展自 datagrid,下列是为 treegrid 增加的特性。
名称 类型 说明 默认值
treeField string 定义树节点的字段。 null
animate boolean 定义当节点展开或折叠时是否显示动画效果。 false
事件

其事件扩展自 datagrid,下列是为 treegrid 增加的事件。

名称 参数 说明
onClickRow row 当用户点击一个节点时触发。
onDblClickRow row 当用户双击一个节点时触发。
onBeforeLoad row, param 发出一个加载数据的请求前触发,返回 false 就取消加载动作。
onLoadSuccess row, data 当数据加载成功时触发。
onLoadError arguments 当数据加载失败时触发, arguments 参数和 jQuery.ajax 的 'error' 方法一样。
onBeforeExpand row 节点展开前触发,返回 false 就取消展开动作。
onExpand row 当节点展开时触发。
onBeforeCollapse row 节点折叠前触发,返回 false 就取消折叠动作。
onCollapse row 当节点折叠时触发。
onContextMenu e, row 当右键点击节点时触发。
onBeforeEdit row 当用户开始编辑节点时触发。
onAfterEdit row,changes 当用户完成编辑时触发。
onCancelEdit row 当用户取消编辑节点时触发。
方法
名称 参数 说明
options none 返回 treegrid 的options 。
resize options 设置 treegrid 的尺寸, options 参数包含两个特性:width: treegrid 的新宽度。height: treegrid 的新高度。
fixRowHeight id 适应指定行的高度。
loadData data 加载 treegrid 的数据。
reload id 重新加载 treegrid 的数据。
reloadFooter footer 重新加载脚部数据。
getData none 获取加载的数据。
getFooterRows none 获取脚部数据。
getRoot none 获取根节点,返回节点对象。
getRoots none 获取根节点们,返回节点数据。
getParent id 获取父节点。
getChildren id 获取子节点们。
getSelected none 获取选中的节点并返回它,如果没有选中节点就返回 null。
getSelections none 获取所有的选中节点们。
getLevel id 获取指定节点的层级。
find id 找到指定节点并返回此节点数据。
select id 选择节点。
unselect id 取消选择节点。
selectAll none 选择全部节点。
unselectAll none 取消选择全部节点。
collapse id 折叠节点。
expand id 展开节点。
collapseAll id 折叠全部节点。
expandAll id 展开全部节点。
expandTo id 从根部展开一个指定的节点。
toggle id 切换节点的展开/折叠状态。
append param 追加节点们到父节点。 param 参数包含下列特性: parent:DOM 对象,追加到的父节点,如果没有分配,则追加为根节点。data:数组,节点们的数据。
remove id 移除节点和它的子节点们。
refresh id 刷新指定的节点。
beginEdit id 开始编辑节点。
endEdit id 结束编辑节点。
cancelEdit id 取消编辑节点。
getEditors id 获取指定行的编辑器们。每个编辑器有下列特性: actions:编辑器可以做的动作们。target:目标编辑器的 jQuery 对象。field:字段名。type:编辑器的类型。
getEditor options 获取指定的编辑器, options 参数包含两个特性:id:行节点的 id。field:字段名。
Javascript 相关文章推荐
给Javascript数组插入一条记录的代码
Aug 30 Javascript
js 复制或插入Html的实现方法小结
May 19 Javascript
avascript中的自执行匿名函数应用示例
Sep 15 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
js实现九宫格图片半透明渐显特效的方法
Feb 16 Javascript
JavaScript更改原始对象valueOf的方法
Mar 19 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
基于 D3.js 绘制动态进度条的实例详解
Feb 26 Javascript
PHP读取远程txt文档到数组并实现遍历
Aug 25 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
Nov 19 #Javascript
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 #Javascript
基于Jquery插件开发之图片放大镜效果(仿淘宝)
Nov 19 #Javascript
20款效果非常棒的 jQuery 插件小结分享
Nov 18 #Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
Nov 18 #Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 #Javascript
Jquery 获取checkbox的checked问题
Nov 16 #Javascript
You might like
phplock(php进程锁) v1.0 beta1
2009/11/24 PHP
php使用百度翻译api示例分享
2014/01/31 PHP
100多行PHP代码实现socks5代理服务器[2]
2016/05/05 PHP
php实现的双色球算法示例
2017/06/20 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
PHP 代码简洁之道(小结)
2019/10/16 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
js事件(Event)知识整理
2012/10/11 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
学习JavaScript设计模式(多态)
2015/11/25 Javascript
Backbone.js框架中Model与Collection的使用实例
2016/05/07 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
微信小程序引入VANT组件的方法步骤
2019/09/19 Javascript
手把手带你搭建一个node cli的方法示例
2020/08/07 Javascript
[03:07]DOTA2英雄基础教程 冰霜诅咒极寒幽魂
2013/12/06 DOTA
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python日期时间模块datetime详解与Python 日期时间的比较,计算实例代码
2018/09/14 Python
Python函数装饰器实现方法详解
2018/12/22 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
html5 input元素新特性_动力节点Java学院整理
2017/07/06 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
零件设计自荐信范文
2013/11/27 职场文书
财务专业大学生职业生涯规划范文
2013/12/30 职场文书
高一历史教学反思
2014/01/13 职场文书
副科竞争上岗演讲稿
2014/05/12 职场文书
作风建设剖析材料
2014/10/06 职场文书
学生保证书
2015/01/16 职场文书
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle