EasyUI树形表格初始化隐藏子节点及自定义图标方法

一. 初始化隐藏子节点

为了在 EasyUI 树形表格初始化时不展示子节点，只需在返回给前端的数据中添加一个字段 state: 'closed'。例如，假设你的数据结构如下：

{ "total": 9, "rows": [ { "id": 1, "region": "Wyoming" }, { "id": 11, "region": "Albin", "_parentId": 1 }, { "id": 12, "region": "Canon", "_parentId": 1 }, { "id": 13, "region": "Egbert", "_parentId": 1 }, { "id": 2, "region": "Washington" }, { "id": 21, "region": "Bellingham", "_parentId": 2 }, { "id": 22, "region": "Chehalis", "_parentId": 2 }, { "id": 23, "region": "Ellensburg", "_parentId": 2 }, { "id": 24, "region": "Monroe", "_parentId": 2 } ] }

你只需要为父节点添加 state: 'closed' 字段，如下所示：

{ "total": 9, "rows": [ { "id": 1, "region": "Wyoming", "state": "closed" }, { "id": 11, "region": "Albin", "_parentId": 1 }, { "id": 12, "region": "Canon", "_parentId": 1 }, { "id": 13, "region": "Egbert", "_parentId": 1 }, { "id": 2, "region": "Washington", "state": "closed" }, { "id": 21, "region": "Bellingham", "_parentId": 2 }, { "id": 22, "region": "Chehalis", "_parentId": 2 }, { "id": 23, "region": "Ellensburg", "_parentId": 2 }, { "id": 24, "region": "Monroe", "_parentId": 2 } ] }

这样，初始化时子节点将不会显示。

二. 更改树形表格默认图标

若要更改 EasyUI 树形表格的默认图标，同样需要在返回的数据中添加一个字段 iconCls: 'icon-add'。例如：

{ "total": 9, "rows": [ { "id": 1, "region": "Wyoming", "state": "closed", "iconCls": "icon-add" }, { "id": 11, "region": "Albin", "_parentId": 1 }, { "id": 12, "region": "Canon", "_parentId": 1 }, { "id": 13, "region": "Egbert", "_parentId": 1 }, { "id": 2, "region": "Washington", "state": "closed", "iconCls": "icon-add" }, { "id": 21, "region": "Bellingham", "_parentId": 2 }, { "id": 22, "region": "Chehalis", "_parentId": 2 }, { "id": 23, "region": "Ellensburg", "_parentId": 2 }, { "id": 24, "region": "Monroe", "_parentId": 2 } ] }

其中，icon-add 是默认可以选择的图标类名，你可以根据需要自定义图标类名。