1. 程式人生 > >改造bootstrapTreeTable外掛實現非同步載入

改造bootstrapTreeTable外掛實現非同步載入

相信大家在使用這個外掛的時候都會發現他的缺陷。


載入大資料量的節點後展示樹表就會卡死很久。

在這個外掛的官方地址上也說明了不支援非同步載入,如果要非同步載入則使用其他的外掛。

我就在他原有的外掛基礎上做了一下改造。去掉了一些本專案中不會使用到的特性。

原有外掛叫:jquery.treegrid.extension.js

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

基本改造思路:

1、首次載入根節點與根的子節點。然後通過原有方法載入。標示一下子節點是未載入的

2、在子節點上繫結點選事件,查詢後臺資料。插入到點選行的後面緊鄰的位置(同樣也繫結點選事件)。修改點選節點的狀態

3、重新渲染節點前的展開圖示。這裡原本想改treegrid本身的,後來邏輯太複雜了。功力不夠深,所以這裡使用了笨辦法,獲取所有的行後,通過狀態標示重新手動新增Class到相應的span上

發現不知道怎麼傳附件。。。

就放到百度雲盤吧。連結: https://pan.baidu.com/s/1rMHLtUiti5zzELuh-nrJkA 密碼: sn7y