改造bootstrapTreeTable插件实现异步加载

本文分享了对jQuery树表插件的改造经验,解决了大数据量加载时的卡顿问题,实现了异步加载功能,并提供了修改后的插件下载链接。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

相信大家在使用这个插件的时候都会发现他的缺陷。


加载大数据量的节点后展示树表就会卡死很久。

在这个插件的官方地址上也说明了不支持异步加载,如果要异步加载则使用其他的插件。

我就在他原有的插件基础上做了一下改造。去掉了一些本项目中不会使用到的特性。

原有插件叫:jquery.treegrid.extension.js

修改后的叫:jquery.treegrid.ajax.js

基本改造思路:

1、首次加载根节点与根的子节点。然后通过原有方法加载。标示一下子节点是未加载的

2、在子节点上绑定点击事件,查询后台数据。插入到点击行的后面紧邻的位置(同样也绑定点击事件)。修改点击节点的状态

3、重新渲染节点前的展开图标。这里原本想改treegrid本身的,后来逻辑太复杂了。功力不够深,所以这里使用了笨办法,获取所有的行后,通过状态标示重新手动添加Class到相应的span上


发现不知道怎么传附件。。。

就放到百度云盘吧。链接: https://pan.baidu.com/s/1rMHLtUiti5zzELuh-nrJkA 密码: sn7y

评论 27
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值