這幾夜心里頗不平靜, 奈何 JS水平有限,前臺效果耗時四天,后臺傳值一天,直至昨夜丑時測試初步完成,其實就是一個給tree來授權,網上開源的插件很多,如treejs、easyui 等等,只是這里授權稍有不同,如下圖,只能放在Table中去實現。一行一行的寫js,最后寫的差不多有個100多行。

項目原界面不方便截圖,這里隨手寫個原生態(tài)的 Demo 

大數據培訓,云培訓,數據挖掘培訓,云計算培訓,高端軟件開發(fā)培訓,項目經理培訓

 如圖所示,首先這是一個Table,無論枝節(jié)點還是葉節(jié)點都作為一行(tr),功能菜單列表中葉節(jié)點(無分支) 后對應新增、修改等六個功能(復選框)

先來說說前臺需要實現的效果:

①點擊枝節(jié)點,其下所有的節(jié)點(枝/葉)收縮/展開

②點擊枝節(jié)點前的復選框,其下所有節(jié)點(枝/葉)、葉節(jié)點所在行的新增、修改等復選框勾選/取消

 eg: 點擊藍圈中的復選框,則紅框內所有的復選框都被勾選/取消 

針對JQ,只要能給每個標簽一個值,name、id之類的用以區(qū)別,就能使用Jquery選擇器來確定該元素

網友評論