一個前端樹形控件聯(lián)動勾選框卡頓問題及解決
這是很早以前遇到的一個問題,覺得說出來有那么一點意義。
有個樹形控件,每行前面都有一個復(fù)選框,勾選它需要把下級所有的行也都勾上,下級的每行都勾選時還需要給上級也勾選上,存在多級級聯(lián)。
就上面的功能,勾選框的change事件里需要給下級的勾選框設(shè)置相同的checked,導(dǎo)致下級的change事件觸發(fā),當(dāng)下級全選或者沒有全選時又觸發(fā)修改上級,往復(fù)多次,導(dǎo)致很卡很慢。
解決的方法就是,在勾選事件里,設(shè)置所有下級復(fù)選框值之前,先取消觸發(fā)上級修改事件的綁定,等所有下級復(fù)選框值設(shè)置完并觸發(fā)事件后,再重新綁定這個事件,并執(zhí)行這個事件方法。
這里主要是大致描述我曾經(jīng)遇到的這個問題的現(xiàn)象和解決辦法,實際比較簡單,就不代碼示例了。
作者:Rick Carter
出處:http://pains.cnblogs.com/
本文版權(quán)歸作者和博客園共有,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責(zé)任的權(quán)利。
浙公網(wǎng)安備 33010602011771號