对zTree树进行了二次封装:

【功能说明】:
1.支持异步获取下一层级节点数据。
2.支持指定数量节点分页功能。
3.支持增删改节点。
4.支持模糊搜索已加载(缓存)节点数据。

【缺点(暂未做)】:
1.搜索定位缺点,浏览器展开节点过多时,搜索效率低下(浏览器假死)。
2.不支持提供数据库全量模糊搜索。
3.设定为分页树时,建议不要配置节点操作(增删改)功能。
4.当数据量过大时,限制于浏览器,会出现假死,浏览器缩小或放大也会缓慢(建议:实现鼠标滑轮滚动分页,及时释放部分已加载页面……)。

一、未分页树

异步加载每一层级树节点数据,目前亲测最大一层级数据为10000时,响应速度还是很可观的,如果一层级数据量过大,建议使用分页数。

封装zTree实现大数据树_加载

二、分页树

这里指定每10条分页。

封装zTree实现大数据树_分页_02

三、节点操作

由于分页时,节点添加操作比较麻烦,这里暂不做进一步封装。

封装zTree实现大数据树_zTree_03

四、模糊搜索

支持模糊搜索,但当浏览器已加载大量节点时,搜索效率低下(浏览器假死),暂不做优化。

封装zTree实现大数据树_分页_04