久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

26
2024/05

Layui的table如何實現(xiàn)點擊一行,選擇多行?模擬點擊

發(fā)布時間:2024-05-26 16:42:12
發(fā)布者:已經(jīng)寫了
瀏覽量:
0

新版的手術(shù)移動護(hù)理系統(tǒng),增加了一項提升用戶使用體驗,提高工作效率的功能,對于老版本的手術(shù)排班,在保證了原有功能的情況下,需要增加在點擊某一個患者的時候,同時選中當(dāng)前房間今日的所有患者,統(tǒng)一安排護(hù)士信息。對于升級來說,原有的框架版本可能太低,就需要我們自己來實現(xiàn)一些功能。

對于Layui框架table模塊自帶的監(jiān)聽事件,我們沒有辦法把模擬點擊的功能寫到里面,因為模擬點擊每次都會執(zhí)行點擊事件,則會造成監(jiān)聽事件進(jìn)行死循環(huán)當(dāng)中,所以我們的事件需要自定義來完成。

對于功能要求來說,代碼的思路也就比較清晰,在點擊患者信息一覽的時候,判斷當(dāng)前表格中所有信息里面,手術(shù)間號與當(dāng)前點擊的患者的手術(shù)間號一致的手術(shù),進(jìn)行模擬點擊。

Layui的table如何實現(xiàn)點擊一行,選擇多行?模擬點擊

這里貼一下我程序里面的執(zhí)行代碼

Layui的table如何實現(xiàn)點擊一行,選擇多行?模擬點擊

這里會有什么bug呢,就是之前說到的死循環(huán),因為點擊就會觸發(fā)layui自帶的table.on的監(jiān)聽,造成死循環(huán),這里就是比較難處理的地方,所以呢我們在這里就需要做一些調(diào)整,來防止觸發(fā)死循環(huán),這里我的思路是,在觸發(fā)模擬點擊的時候,把點擊的范圍縮小到table最前面的checkbox小框,也就是說定義模擬點擊的地方,這里是第一步

第二部的話就是阻止這一小塊的事件,也就是點擊這里阻止后面的監(jiān)聽事件繼續(xù)監(jiān)聽觸發(fā)死循環(huán),這里用到一個方法stopPropagation(),通過限制模擬點擊位置的事件觸發(fā)來阻止死循環(huán),達(dá)到我們想要的效果

Layui的table如何實現(xiàn)點擊一行,選擇多行?模擬點擊

關(guān)鍵詞:
返回列表