开发者社区> 天伟> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery EasyUI API 中文文档 - 树表格(TreeGrid)

简介: TreeGrid 树形表格 扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。 依赖 datagrid 用法 1.
+关注继续查看

TreeGrid 树形表格

扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults

依赖

  • datagrid

用法

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

1. $('#tt').treegrid({  

2.     url:'treegrid_data.json',  

3.     treeField:'name',  

4.     columns:[[  

5.         {title:'Task Name',field:'name',width:180},  

6.         {field:'persons',title:'Persons',width:60,align:'right'},  

7.         {field:'begin',title:'Begin Date',width:80},  

8.         {field:'end',title:'End Date',width:80}  

9.     ]]  

10. }); 

特性

其特性扩展自 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
:字段名。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
基于SVG的web页面图形绘制API介绍
一:什么是SVG SVG是1999由W3C发布的2D图形描述语言,纯基于XML格式的标记语言,SVG的 全称是可扩展的矢量图形跟传统的Raster方式的图形(JPG, PNG, GIF等)有很大的差 别。
849 0
ASP.NET Web API 简介
本周早些时候,我写过一篇关于 ASP. NET MVC 4 测试版的博文。ASP. NET MVC 4 是一个重大的更新,它带来了一堆出色的新功能。我最兴奋的改进之一是为创建"Web ApI"提供了支持。
738 0
ASP.NET Web API(二):安全验证之使用HTTP基本认证
在前一篇文章ASP.NET Web API(一):使用初探,GET和POST数据中,我们初步接触了微软的REST API: Web API。 我们在接触了Web API的后就立马发现了有安全验证的需求,所以这篇文章我们先来讨论下安全验证一个最简单的方法:使用HTTP基本认证。
882 0
ASP.NET Web API(一):使用初探,GET和POST数据
概述 REST(Representational State Transfer表述性状态转移)而产生的REST API的讨论越来越多,微软在ASP.NET中也添加了Web API的功能。 我们看dudu的文章HttpClient + ASP.NET Web API, WCF之外的另一个选择知道了博客园也开始使用了Web API,且在使用Web API Beta版本的时候遇到了这个问题:痴情意外:ASP.NET WebAPI RC 竟然不支持最常用的json传参。
889 0
【翻译】ASP.NET WEB API异常处理
当一个web api抛出一个异常后 此异常会被转化成一个HTTP响应 错误代码为500的服务错误 但是如果你不想让客户端看到500的错误码 你也可以自定义错误码 如下代码当用户输入的ID没有与之相关的数据 则返回了错误码为404的错误 (页面未找到) public Product ...
728 0
x3d
[转]选择Web API:REST 还是 SOAP
看起来在web API协议之争(如果曾经有过)中,潮流正稳步的转向REST,SOAP已经被逼退。Web开发者们选出了他们心目中的目标,他们要RESTful APIs。 下面的是2008年和2010年各种不同的API协议部署量的对比图,来源于ProgrammableWeb上的2000多个web API目录数据。
676 0
【翻译】ASP.NET Web API入门
简介 ASP.NET Web API是一个可以简化创建HTTP服务的框架 它支持包括浏览器和移动设备在内的各种客户端 ASP.NET Web API是在.NET Framework上创建RESTful应用程序的理想平台 译者注:关于RESTful web服务可以参见这里:http://zh.
974 0
网页中必不可少的十五大Web API
引文:http://news.csdn.net/n/20071024/109897.htmlAPI全称是application programming interface即应用编程接口,程序员可以编写应用和Widget跟页面的服务器实现交互,API提供了基于web的数据和功能访问接口。
988 0
+关注
天伟
一个普通程序员
文章
问答
文章排行榜
最热
最新
相关电子书
更多
React Native项目实战优化之路
立即下载
PWA:移动Web的现在与未来
立即下载
ACE 区域技术发展峰会:Flink Python Table API入门及实践
立即下载