Jquery.dynatree.js鎺т欢鐨勪娇鐢?
1锛屽湪鍚庡彴鎷煎瓧绗︿覆浜х敓json锛宩son鐨勬牸寮忎负锛歔{title
:"xxxx",key:xerx,,expand:true/false,children:[{title:"yyyyy"
,key:eeee,expand:true},
{title:"zzzzz",key:dfds,expand:true}]}]銆
傝繖涔堝祵濂椾笅鍘伙紝瀹為檯浣跨敤鏃跺彲浠ョ敤StringBuffer杩欐牱鎷煎瓧绗︾殑閫熷害蹇簺銆俥xpand:true鏃朵骇
鐢熺殑鏍戞槸灞曞紑鐨勶紝褰撲负false鏃舵爲鏄棴鍚堢殑銆傛妸杩欎釜json瀛楃涓叉斁鍏ap涓湪鍓嶅彴灞曠ず銆傦紙鎴戠敤鐨
剆pringmvc妗嗘灦锛?2锛屽紩鍏ss鍜宩s鏂囦欢锛歞ynatree/src/skin/ui.dynatree.css锛宒
ynatree/jquery/jquery-ui.custom.js锛宒ynatree/jquery/jquery.cookie.
js锛?
dynatree/src/jquery.dynatree.js銆?
3锛屽湪jsp涓坊鍔犺繖鏍风殑div
background-color:white;border:#83BCF51pxsolid;"value="1">
4锛屽湪js涓細
$(function(){//杩欐槸涓轰簡鍦ㄦ墦寮€椤甸潰鏃跺氨璋冪敤杩欎釜鏂规硶
initTree();
});
functioninitTree(){
//鍒濆
鍖栨爲鐘剁粨鏋?$("#test").dynatree({
checkbox:tru
e,
//Overrideclassnameforcheckboxicon,sorasi
obuttonsaredisplayed:
classNames:{nodeIcon:""},
//Selectmode3:multi-hier
selectMod
e:3,
children:${sjon}//杩欎釜${json}灏辨槸鍚庡彴淇濆瓨鍦╩ap涓
殑json瀛楃涓?});
}
4锛屼负璇ユ爲娣诲姞鍏ㄩ€変笌鍏ㄩ儴閫夋搷浣滐細
functionselectAll(){//鍏ㄩ€?$("#test").dynatree("getRo
ot").visit(function(node){
node.select(true);
});
}
functiondeSelectAll(){//鍏ㄤ笉閫?$("#test").dynatree
("getRoot").visit(function(node){
node.select(false);
});
}
5锛屾妸姝ゆ爲鐨刱ey鍙戦€佸埌鍚庡彴鐨勬柟娉曪細
姣斿杩欎釜鏍戝湪id涓篺orm1鐨刦o
rm涓紝varformData=$("#form1").serializeArray();//杩欎负浜嗘妸鏍戜互澶栫殑鍐呭
搴忓垪鍖栧拰鏍戠殑鏁版嵁涓€璧峰彂閫?vartree1;
tree1=$("#test").dyn
atree("getTree");
formData=formData.concat(tree1.seri
alizeArray());//杩欏氨鎶婃爲鐨勬暟鎹緱鍒板苟鍜屾爲涔嬪鐨勬暟鎹繛鍦ㄤ竴璧蜂簡銆?
鐒跺悗鎶奻orm
Data鍙戦€佸氨over浜嗐€?
6锛屽垽鏂爲鏄惁鏈夎妭鐐归€夋嫨
$("#test).dynatree("getSelectedNodes").length==0琛ㄧず娌￠€夋嫨銆 |
|
