装载自“:http://www.cnblogs.com/Philoo/archive/2011/11/19/jeasyui_api_treegrid.html
扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。
依赖
用法
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:字段名。
|
分享到:
相关推荐
jQuery EasyUI 的 TreeGrid 组件是一种结合了树形结构和网格表格的 UI 控件,它可以用来展示和管理具有层级关系的数据。TreeGrid 的使用涉及到设置表格、配置列、定义节点字段、处理事件以及调用特定的方法等。 ###...
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
文件"jQuery EasyUI 1.4 版 API 中文版.chm"是该版本的官方中文文档,包含了详细的API参考、示例代码和使用教程,是学习和查阅的重要资源。而"jquery1.7.2_20120420中文版.chm"则是jQuery 1.7.2的中文版文档,了解...
jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它简化了网页界面的构建,...通过阅读中文版API文档,可以快速掌握这些知识点,提高开发效率。对于初学者,理解并熟练运用这些组件和API是提升Web开发技能的关键。
扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。 依赖 datagrid 用法 代码如下: ”tt”></table> 代码如下: $(‘#tt’).treegrid({ url:’treegrid_data.json’, treeField:’name’, ...
总结,jQuery EasyUI 1.4.2版API中文版是开发者的重要参考资料,它全面覆盖了EasyUI的主要组件、布局、数据交互、事件处理等方面,使得开发者能够高效地利用这个框架构建功能丰富的Web应用。通过深入学习和实践,...
1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者来说是一个极其宝贵的资源,因为它提供了详细的中文文档,使得理解和应用jQuery EasyUI更加便捷。 首先,让我们深入了解一下jQuery EasyUI的核心概念...
《JQueryEasyui1.3.6+电子书文档+14套主题》是一个综合性的资源包,包含jQuery EasyUI框架的1.3.6版本、相关电子书文档以及14种不同风格的主题,旨在帮助开发者更好地理解和应用这个强大的前端开发工具。下面将详细...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、表格、菜单、按钮等。在1.4版本中,该框架进一步提升了性能和用户体验,同时也提供了丰富的API接口...
- **TreeGrid 树形表格**:结合了表格和树的特性,适合处理层次结构的数据。 5. **组件扩展** - 用户可以通过`$.extend($.fn.dialog.methods, {...})`等方式向EasyUI组件添加自定义方法。例如,向`dialog`组件...
- 官方文档:jQuery EasyUI 的官方文档详细介绍了每个组件的用法和API,是学习的基础资料。 - 在线示例:通过查看压缩包中的 demo 实例,可以直接在浏览器中运行,直观感受组件效果。 - 社区支持:在各大开发者...
API中文文档是开发者在使用jQuery和EasyUI时的重要参考资料。它详细列出了各种函数、方法、属性和选项,帮助开发者理解如何使用这些工具来实现特定的功能。例如,jQuery的$.ajax()方法用于进行异步HTTP请求,而...
API 文档是开发者理解和使用框架的关键资源,此压缩包提供的 jQuery EasyUI 1.5.1 中文API文档包括了三种常见格式:chm、exe 和 pdf,满足不同用户的需求。CHM 文件是一种Windows平台上的帮助文档格式,易于检索和...
这个“easyUI-API-中文版”压缩包包含了全面的 EasyUI 中文帮助文档,是开发者在使用 EasyUI 进行前端开发时的重要参考资料。 EasyUI 的核心特性包括: 1. **组件丰富**:EasyUI 提供了诸如窗口(Window)、面板...
总的来说,jQuery EasyUI 1.4.2 Demo是一个非常实用的学习资源,不仅提供了全面的组件示例,还附带了详细的API文档,对于前端开发者尤其是初学者来说,这是一个深入了解和掌握EasyUI的绝佳途径。在实践中不断探索和...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页开发,提供了丰富的用户界面组件,如 DataGrid、TreeGrid、Panel 等。这个“jQuery EasyUI 1.4.5 版 API 中文版”资源是针对该版本的详细文档,对于开发者...
此文档为 **jQuery EasyUI 1.4.5版本** 的官方API文档中文版,由 Richie696 制作,主要面向使用中文的开发人员。 该文档详细介绍了 jQuery EasyUI 各个组件的功能、用法以及API细节,对于初学者来说是一份非常宝贵...
在"EasyUI+v1.3.4官方API中文版.exe"中,你可以找到jQuery EasyUI v1.3.4的中文版API文档。这个文档详细解释了框架中的各个组件、方法、事件和选项,是开发过程中查阅和学习的重要参考资料。通过它,你可以了解到...
这个API文档详细介绍了如何使用jQuery EasyUI来创建交互式、功能丰富的Web应用程序。jQuery EasyUI 1.3.6是其一个稳定版本,包含了丰富的组件和功能,适用于前端开发人员快速构建用户界面。 jQuery EasyUI的核心...