写在前面：最近做公司的一个ssh项目，web层用的是easyui和freemarker写的。最近做一个行政区划树形组件，遇到了许多坑，在此记录一下。

目录

1. 树形表格事件

2. 树形表格属性

3. 树形表格相关操作

为了更好的理解后面的内容在此将项目中部分代码进行展示,请翻到文章末尾看源代码！

easyui 的基本树形表格（treegrid）组件提供了许多事件来处理用户操作、数据加载等情况。下面是其中一些常用的事件：

onClickRow: 单击行触发的事件，可以在该事件中获取当前单击的行的数据。

onDblClickRow: 双击行触发的事件，可以在该事件中获取当前双击的行的数据。

onLoadSuccess: 数据加载成功后触发的事件。在该事件中，可以进行一些数据处理和渲染操作，例如根据数据动态调整表格的宽度、设置表格的样式等。

onBeforeLoad: 数据加载之前触发的事件。在该事件中，可以进行一些数据加载前的准备工作，例如显示 loading 图标、设置查询参数等。如果该事件返回 false，则取消数据加载操作。

onBeforeExpand: 节点展开之前触发的事件。在该事件中，可以进行一些节点展开前的准备工作，例如设置节点的查询参数或检查节点是否符合展开条件。如果该事件返回 false，则取消节点展开操作。

onExpand: 展开节点之后触发的事件，可以在该事件中进行操作。

onBeforeCollapse: 折叠节点之前触发的事件，可以在该事件中取消折叠操作或进行其他操作。

onCollapse: 折叠节点之后触发的事件，可以在该事件中进行操作。

onContextMenu: 右键菜单触发的事件，可以在该事件中自定义右键菜单。

onCheck: 勾选复选框触发的事件，可以在该事件中获取当前勾选的节点的数据。

onUncheck: 取消勾选复选框触发的事件，可以在该事件中获取当前取消勾选的节点的数据。

onSelect: 表格选中某一行时触发的事件。在该事件中，可以获取当前选中的行的数据，并进行相应的操作，例如显示选中行的详情或弹出编辑对话框。

onSortColumn: 列排序时触发的事件。在该事件中，可以获取当前排序的列和排序的方式，并进行相应的操作，例如重新加载数据或显示排序的图标。

标红的方法很重要，开发基本都在使用，下面针对几个常用的事件，放一两个示例(由于保密原因，代码只放部分，理解就好)：

onBeforeload

onLoadSuccess

Onselect

注意：这个rowData是当前用户选中行的数据。

OnBeforeExpand

注意：这里是用户展开组件之前的一些操作，我们可以在这里对树形组件的queryParams属性进行操作，其实就是他的参数。属性这一块，下面再进行介绍。

以上是常见的配置参数，具体的还需要根据具体情况进行配置。

EasyUI树形表格组件在数据加载之前加入参数？

        在 EasyUI 中，queryParams 中设置的参数不会被自动校验。queryParams 参数是用于在发送请求之前传递给远程服务器的额外参数。如果需要在 EasyUI 中对参数进行验证，可以使用 EasyUI 的表单验证机制。可以通过 validate 方法来触发验证，并使用 isValid 方法来检查表单的验证结果。 queryParams属性可以是一个函数，也可以是一个对象。当queryParams属性为函数时，可以在该函数内部动态地构建查询参数并返回：当为函数时：

当为属性时：

获取用户当前选中树的层级

项目代码展示：