Ajax动态加载目录树(jquery-treeview)

需求:

   动态加载目录树节点数据。即:树的初始状态为根节点树,当点击其中一个节点时,再从数据库中获取当前节点的子节点。

环境:

   Struts1+Hibernate3.0+jQuery+treeview

解决方案:

1.我自己的项目需求是:获取linuxFTP目录,以动态加载的方式取得该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">

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值