需求:
动态加载目录树节点数据。即:树的初始状态为根节点树,当点击其中一个节点时,再从数据库中获取当前节点的子节点。
环境:
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/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>
<h1><bean:message key="ProgramMediacontent.SourceFileName"/></h1> <br/> <br/> <br/> <table align="center"> |