`
小杨学JAVA
  • 浏览: 900313 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多

 

 

 

装载自“:http://www.cnblogs.com/Philoo/archive/2011/11/19/jeasyui_api_treegrid.html

 

扩展自 $.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
:字段名。

 

 

分享到:
评论

相关推荐

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

    jQuery EasyUI 的 TreeGrid 组件是一种结合了树形结构和网格表格的 UI 控件,它可以用来展示和管理具有层级关系的数据。TreeGrid 的使用涉及到设置表格、配置列、定义节点字段、处理事件以及调用特定的方法等。 ###...

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jQuery EasyUI版API

    文件"jQuery EasyUI 1.4 版 API 中文版.chm"是该版本的官方中文文档,包含了详细的API参考、示例代码和使用教程,是学习和查阅的重要资源。而"jquery1.7.2_20120420中文版.chm"则是jQuery 1.7.2的中文版文档,了解...

    jQuery EasyUI 1.4.5 版 API 中文版

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它简化了网页界面的构建,...通过阅读中文版API文档,可以快速掌握这些知识点,提高开发效率。对于初学者,理解并熟练运用这些组件和API是提升Web开发技能的关键。

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

    扩展自 $.fn.datagrid.defaults,用 $.fn.treegrid.defaults 重写了 defaults。 依赖 datagrid 用法 代码如下: ”tt”&gt;&lt;/table&gt; 代码如下: $(‘#tt’).treegrid({ url:’treegrid_data.json’, treeField:’name’, ...

    jQuery EasyUI 1.4.2 版 API 中文版

    总结,jQuery EasyUI 1.4.2版API中文版是开发者的重要参考资料,它全面覆盖了EasyUI的主要组件、布局、数据交互、事件处理等方面,使得开发者能够高效地利用这个框架构建功能丰富的Web应用。通过深入学习和实践,...

    jQuery EasyUI 1.4.5 版 API 中文版.rar

    1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者来说是一个极其宝贵的资源,因为它提供了详细的中文文档,使得理解和应用jQuery EasyUI更加便捷。 首先,让我们深入了解一下jQuery EasyUI的核心概念...

    JQueryEasyui1.3.6+电子书文档+14套主题

    《JQueryEasyui1.3.6+电子书文档+14套主题》是一个综合性的资源包,包含jQuery EasyUI框架的1.3.6版本、相关电子书文档以及14种不同风格的主题,旨在帮助开发者更好地理解和应用这个强大的前端开发工具。下面将详细...

    jQuery EasyUI 1.4 版 API 中文版及EasyUI 源码

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、表格、菜单、按钮等。在1.4版本中,该框架进一步提升了性能和用户体验,同时也提供了丰富的API接口...

    jquery easyui 中文帮助文档(最完整的API).docx

    - **TreeGrid 树形表格**:结合了表格和树的特性,适合处理层次结构的数据。 5. **组件扩展** - 用户可以通过`$.extend($.fn.dialog.methods, {...})`等方式向EasyUI组件添加自定义方法。例如,向`dialog`组件...

    jquery-easyui-1.3.1.zip

    - 官方文档:jQuery EasyUI 的官方文档详细介绍了每个组件的用法和API,是学习的基础资料。 - 在线示例:通过查看压缩包中的 demo 实例,可以直接在浏览器中运行,直观感受组件效果。 - 社区支持:在各大开发者...

    jQuery+EasyUI+API中文文档+示例

    API中文文档是开发者在使用jQuery和EasyUI时的重要参考资料。它详细列出了各种函数、方法、属性和选项,帮助开发者理解如何使用这些工具来实现特定的功能。例如,jQuery的$.ajax()方法用于进行异步HTTP请求,而...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    API 文档是开发者理解和使用框架的关键资源,此压缩包提供的 jQuery EasyUI 1.5.1 中文API文档包括了三种常见格式:chm、exe 和 pdf,满足不同用户的需求。CHM 文件是一种Windows平台上的帮助文档格式,易于检索和...

    easyUI-API- 中文版

    这个“easyUI-API-中文版”压缩包包含了全面的 EasyUI 中文帮助文档,是开发者在使用 EasyUI 进行前端开发时的重要参考资料。 EasyUI 的核心特性包括: 1. **组件丰富**:EasyUI 提供了诸如窗口(Window)、面板...

    jquery-easyui-1.4.2 Demo

    总的来说,jQuery EasyUI 1.4.2 Demo是一个非常实用的学习资源,不仅提供了全面的组件示例,还附带了详细的API文档,对于前端开发者尤其是初学者来说,这是一个深入了解和掌握EasyUI的绝佳途径。在实践中不断探索和...

    jQuery EasyUI 1.4.5 版 API 中文版 (真实可用)

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页开发,提供了丰富的用户界面组件,如 DataGrid、TreeGrid、Panel 等。这个“jQuery EasyUI 1.4.5 版 API 中文版”资源是针对该版本的详细文档,对于开发者...

    jQuery EasyUI 1.4.5 版 API 中文.pdf

    此文档为 **jQuery EasyUI 1.4.5版本** 的官方API文档中文版,由 Richie696 制作,主要面向使用中文的开发人员。 该文档详细介绍了 jQuery EasyUI 各个组件的功能、用法以及API细节,对于初学者来说是一份非常宝贵...

    jqueryEasyUi包和中文文档

    在"EasyUI+v1.3.4官方API中文版.exe"中,你可以找到jQuery EasyUI v1.3.4的中文版API文档。这个文档详细解释了框架中的各个组件、方法、事件和选项,是开发过程中查阅和学习的重要参考资料。通过它,你可以了解到...

    jquery easyui 中文版 API,chm 格式

    这个API文档详细介绍了如何使用jQuery EasyUI来创建交互式、功能丰富的Web应用程序。jQuery EasyUI 1.3.6是其一个稳定版本,包含了丰富的组件和功能,适用于前端开发人员快速构建用户界面。 jQuery EasyUI的核心...

Global site tag (gtag.js) - Google Analytics