属性

该属性扩展自数据网格（datagrid），下面是为树形网格（treegrid）添加的属性。

名称 类型 描述 默认值
idField string 定义标识树节点的键名字段。必需。 null
treeField string 定义树节点的字段。必需。 null
animate boolean 定义当节点展开或折叠时是否显示动画效果。 false
loader function(param,success,error) 定义如何从远程服务器加载数据。返回 false 则取消该动作。该函数有下列参数：
param：要传递到远程服务器的参数对象。
success(data)：当检索数据成功时调用的回调函数。
error()：当检索数据失败时调用的回调函数。 		json loader
loadFilter function(data,parentId) 返回要显示的过滤数据。  

事件

该事件扩展自数据网格（datagrid），下面是为树形网格（treegrid）添加的事件。

名称 参数 描述
onClickRow row 当用户点击一个节点时触发。
onDblClickRow row 当用户双击一个节点时触发。
onClickCell field,row 当用户点击一个单元格时触发。
onDblClickCell field,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 当用户取消编辑节点时触发。

方法

很多方法需要一个名为 'id' 的参数，该参数表示树节点的值。

名称 参数 描述
options none 返回树形网格（treegrid）的选项（options）。
resize options 设置树形网格（treegrid）的尺寸， options 参数包含两个属性：
width：树形网格（treegrid）的新宽度。
height：树形网格（treegrid）的新高度。
fixRowHeight id 固定指定行的高度。
loadData data 加载树形网格（treegrid）的数据。
load param 加载并显示第一页。该方法自版本 1.3.4 起可用。
代码实例：

  1. // load and send some request parameters
  2. $('#tg').treegrid('load', {
  3. q: 'abc',
  4. name: 'name1'
  5. });
reload id 重新加载树形网格（treegrid）的数据。如果传递了 'id' 参数，则重新加载树的指定行，否则重新加载树的所有行。
代码实例：

  1. $('#tt').treegrid('reload', 2); // reload the row which value is equals to 2
  2. $('#tt').treegrid('reload'); // reload the all rows
  3. $('#tt').treegrid('reload', {id:2, q:'abc'}); // reload the specified row with 'q' parameter passing to server
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：父节点的 id，如果没有分配，则追加为根节点。
data：数组，节点的数据。

代码实例：

  1. // append some nodes to the selected row
  2. var node = $('#tt').treegrid('getSelected');
  3. $('#tt').treegrid('append',{
  4. parent: node.id, // the node has a 'id' value that defined through 'idField' property
  5. data: [{
  6. id: '073',
  7. name: 'name73'
  8. }]
  9. });
insert param 在指定节点的前边或后边插入一个节点，'param' 参数包括下列属性：
before：前边插入的节点的 id 值。
after：后边插入的节点的 id 值。
data：新的节点数据。

代码实例：

  1. // insert a new node before the selected node
  2. var node = $('#tt').treegrid('getSelected');
  3. if (node){
  4. $('#tt').treegrid('insert', {
  5. before: node.id,
  6. data: {
  7. id: 38,
  8. name: 'name38'
  9. }
  10. });
  11. }

该方法自版本 1.3.1 起可用。
remove id 移除节点和它的子节点。
pop id 弹出节点并在移除该节点后返回包含其子节点的节点数据。该方法自版本 1.3.1 起可用。
refresh id 刷新指定的节点。
update param 更新指定的节点。'param' 参数包括下列属性：
id：表示要被更新的节点的 id。
row：新的行数据。

代码实例：

  1. $('#tt').treegrid('update',{
  2. id: 2,
  3. row: {
  4. name: 'new name',
  5. iconCls: 'icon-save'
  6. }
  7. });

该方法自版本 1.3.1 起可用。
beginEdit id 开始编辑节点。
endEdit id 结束编辑节点。
cancelEdit id 取消编辑节点。
getEditors id 获取指定行的编辑器。每个编辑器有下列属性：
actions：编辑器可以做的动作。
target：目标编辑器的 jQuery 对象。
field：字段名。
type：编辑器的类型。
getEditor param 获取指定的编辑器，param 参数包含两个属性：
id：行节点的 id。
field：字段名。

转载于:https://www.cnblogs.com/Wxinchun/p/8628295.html

学习日记2、easyui treeGrid属性及时间相关推荐

  1. UE4/5 学习日记*Note2：动画K帧时间轴双击w冲刺，二段跳——2022/5/8

    1.动画K帧 对动画进行修改,记得备份 ​​​​​​动画序列中上编辑栏可创建关键帧,原理同Aodobe剪辑软件. 流畅k帧:找到动画的开始位置,或者结束位置,选择骨骼,一边小范围移动旋转,一边建新帧, ...

  2. Linux中的Java类,Java基础入门学习－Java中类的属性

    Java基础入门学习-Java中类的属性 发布时间:2006-05-27 00:46:15来源:红联作者:WWW Public.private.protected显示了三种类中的属性和服务的类型,pu ...

  3. easyui treegrid idField 所在属性中值有花括号（如Guid）当有鼠标事件时会报错，行记录一下...

    easyui treegrid idField 所在属性中值有花括号(如Guid)当有鼠标事件时会报错,行记录一下 转载于:https://www.cnblogs.com/xiaoruilin/p/6 ...

  4. caffe学习日记--lesson3:win8系统，VS2013下的caffe工程编译探究

    caffe学习日记--lesson3:win8系统,VS2013下的caffe工程编译探究 趁着国庆节期间,梳理一下最近学习的windows下caffe实践经验,废话不多话,直接上干货,本小结简单说下 ...

  5. Vue2源码的学习日记（3）

    组件化 (在文章中的一切源码大部分都是只给出头部,因为源码是开源的(Vue2.6),我认为在自己去边查找边看的过程也能提升到自己) 续学习日记(2)后,便开始慢慢走向vue这个框架的核心,希望能帮到大 ...

  6. informatica 学习日记整理（转）

    1. INFORMATICA CLIENT的使用 1.1 Repository Manager 的使用 1.1.1 创建Repository. 前提: a. 在ODBC数据源管理器中新建一个数据源连接 ...

  7. python学习日记2-3周

    python学习日记2-3周 怠惰怠惰 improt 导入 import phone.apple.iphone6 import phone.apple.iphone7 import phone.sam ...

  8. Linux学习日记之文件权限

    Linux学习日记之文件权限 2021-2-19 一.查看文件权限 1.查看当前目录下的文件(只显示文件名) ls 2.查看当前目录下的文件(使用较长格式列出文件) 不妨以第二行为例,来看一看这些字符 ...

  9. EasyUI学习总结(五)——EasyUI组件使用

    EasyUI学习总结(五)--EasyUI组件使用 一.EasyUI组件的简单介绍 easyUI提供了很多组件让我们使用,如下图所示: 使用这些组件可以帮助我们快速地进行项目开发,下面以一个用户登录程 ...

最新文章

  1. 第十五周程序阅读-范型程序设计(4)
  2. 热门剧本杀与 SaaS 的不解之缘
  3. 一个java处理JSON格式数据的通用类(三)
  4. inno setup打包的安装包如何在卸载完程序后可以继续安装_这两个方法就够了！快速制作Python程序Windows安装包...
  5. 状压DP UVA 10817 Headmaster's Headache
  6. SQL SERVER--单回话下的死锁
  7. 【王牌选手分享】一发问鼎！鹅厂大神上分思路，助你玩转初赛！
  8. Vue报错：sockjs.js?9be2:1627 GET http://192.168.43.88:8080/sockjs-node/info?t=1631603986586 net::ERR_CO
  9. 天梯—计算阶乘和(C语言)
  10. Unity3D之NGUI基础7：UI动态加载
  11. InnoDB 行格式
  12. Qt QSsh 使用 windows Qt实现ssh客户端
  13. 计算机设计大赛（微课教学辅助类）国赛总结（国赛二等奖）
  14. 计算机播放音乐自录,怎么录制电脑上正在播放的视频音频
  15. 低效程序员的9个坏习惯
  16. python微信公众号生成专属二维码--你再也不用去求人了
  17. 遥控器,未来世界的入口？
  18. PMP考试中的各种图总结
  19. 多益2980邮箱集合专业游戏服务免费安全的电子邮箱
  20. RIP协议；OSPF协议；BGP协议

热门文章

  1. 客户端Blazor中的应用程序设置
  2. JDK/Java 14 可能带来什么新特性？
  3. 在ASP.NET Core 2.2 Web应用程序项目中自定义Bootstrap
  4. 使用ANNdotNET GUI工具创建CIFAR-10深度学习模型
  5. 计算机网络的带宽是指网络可通过的,计算机网络及带宽概念.ppt
  6. creator 静态属性_cocos creator 属性面板设置
  7. java的简单算法题_[2]十道算法题【Java实现】
  8. js取thymeleaf值_26、模板引擎thymeleaf
  9. 计算机组装与维护推荐教材,计算机组装与维护(全国高等专科教育计算机类规划教材)...
  10. 华为户外模式怎么设置_华为FreeLace Pro降噪器效果怎么样？降噪开启和设置教程！...