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 相关文章推荐
让textarea自动调整大小的js代码
Apr 12 Javascript
jquery构造器的实现代码小结
May 16 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
JavaScript中获取纯正的undefined的方法
Mar 06 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
Oct 16 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
Aug 30 Javascript
解决vue单页面修改样式无法覆盖问题
Aug 05 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
JS Object构造函数之Object.freeze
Apr 28 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
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
JSON 客户端和服务器端的格式转换
2009/08/27 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
javascript实现回车键提交表单方法总结
2015/01/10 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
AngularJS使用ng-repeat和ng-if实现数据的删选显示效果示例【适用于表单数据的显示】
2016/12/13 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
详解如何在项目中使用jest测试react native组件
2018/02/09 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
[12:29]《一刀刀一天》之DOTA全时刻19:蝙蝠骑士田伯光再度不举
2014/06/10 DOTA
Python常用列表数据结构小结
2014/08/06 Python
Python实现批量下载文件
2015/05/17 Python
python通过socket查询whois的方法
2015/07/18 Python
深入浅出分析Python装饰器用法
2017/07/28 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
Python获取昨天、今天、明天开始、结束时间戳的方法
2018/06/01 Python
详解Python如何生成词云的方法
2018/06/01 Python
django的ORM模型的实现原理
2019/03/04 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
迟到检讨书400字
2014/01/13 职场文书
学生会主席竞聘书
2014/03/31 职场文书
做一个有道德的人演讲稿
2014/05/14 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
小学信息技术教学反思
2016/02/16 职场文书