ajax动态加载目录树.docVIP

动态加载目录树节点数据。即：树的初始状态为根节点树，当点击其中一个节点时，再从数据库中获取当前节点的子节点。 环境： Struts1+Hibernate3.0+jQuery+treeview 解决方案： 1.我自己的项目需求是：获取linux的FTP目录，以动态加载的方式取得该FTP上的所有目录及文件生成js树，点击文件获取该文件在FTP上的路径，目录不能点击。 2.准备工作： link rel=stylesheet href=css/jquery.treeview.css / link rel=stylesheet href=css/screen.css / script src=js/jquery.js type=text/javascript/script script src=js/jquery.cookie.js type=text/javascript/script script src=js/jquery.treeview.js type=text/javascript/script script src=js/jquery.treeview.async.js type=text/javascript/script ? 以上各引用文件可以从网上下载的treeview 包里得到，下载地址：http://jquery.bassistance.de/treeview/jquery.treeview.zip。注意js文件的引用顺序，黄色部分是异步加载必须的js文件。具体应用时根据自己情况决定，上面的文件不一定全得有。以下是我的jsp的代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml %@ include file=/general/common.jsp % head % response.setHeader(Cache-Control,no-cache); response.setHeader(Pragma,no-cache); response.setDateHeader(Expires,0); % link rel=stylesheet href=css/jquery.treeview.css / ? script src=javascript/jquery.treeview.js type=text/javascript/script script src=javascript/jquery.treeview.async.js type=text/javascript/script script type=text/javascript $(document).ready(function(){ $(#black).treeview({ url: source.do }) }); function returnID(Path) { if(Path!=undefined) document.getElementById(Path).value=Path; else document.getElementById(Path).value=; } /script /head body ? h1bean:message key=ProgramMediacontent.SourceFileName//h1 br/ br/ br/ table align=center tr align=left ? td width=60% valign=top ul id=black class=filetree treeview-famfamfam/ul /td td width=40% valign=bottom align=center div class=content_panel id=div_function_panel center bean:message key=Content.ListFile/bean:message key=Colon bundle=common/ input id=Path style=overflow-x:visible;width:60; type=text/input br/ div style=text-align:center class=buttons button type=button onclic