dyatree是一个jQuery的插件,用来在网页上显示树形控件的脚本。
示例代码:
<html><head> <!--1.IcludejQueryaddyatreelibraries:--> <scriptsrc='../jquery/jquery.js'type='text/javascript'></script> <scriptsrc='../jquery/ui.core.js'type='text/javascript'></script> <scriptsrc='../jquery/jquery.cookie.js'type='text/javascript'></script> <likhref='../src/ski/ui.dyatree.css'rel='stylesheet'type='text/css'> <scriptsrc='../src/jquery.dyatree.js'type='text/javascript'></script> <scripttype='text/javascript'> //Addcodetoiitializethetreewhethedocumetisloaded: $(fuctio(){ //2.Attachthedyatreewidgettoaexistig<divid="tree">elemet // adpassthetreeoptiosasaargumettothedyatree()fuctio: $("#tree").dyatree({ //Passaarrayofodes(adchildodes) childre:[ {title:"Item1"}, {title:"Folder2",isFolder:true,key:"folder2", childre:[ {title:"Sub-item2.1"}, {title:"Sub-item2.2"} ] }, {title:"Item3"} ], oActivate:fuctio(dtode){ //Thisfuctioiscalled,wheaodeisclicked //ADyaTreeNodeobjectispassedasargumet. alert("Youactivated"+dtode.data.title); } }); }); </script></head><body> <!--3.Adda<div>elemetwherethetreeshouldappear:--> <divid="tree"></div> [...]</body></html>
评论