热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

本文介绍了如何在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 是默认可以选择的图标类名,你可以根据需要自定义图标类名。


推荐阅读
author-avatar
永远只要做好自己的16号
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有