读书人

refreshTree的getJson不刷新的有关问题

发布时间: 2012-09-08 10:48:07 作者: rapoo

refreshTree的getJson不刷新的问题

最近要做树,用dtree+ajax来实现,结果半天也弄不出来。碰到两个问题:

1、dtree+ajax不刷新

?? 直接用例子程序来做一个静态的树,节点都是自己写的,但是放在getJson里面不能刷新,+号点击没有反应,找了半天,终于找到问题了:

??????????? doucument.write(b);

要写成

?????????? $("#treeDiv").html(tree.toString());

下面给一个整体的实例。

http://www.cnblogs.com/kenkofox/archive/2011/03/28/1997638.html

?

><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF8"> <link rel="StyleSheet" href="./dtree/dtree.css" type="text/css" /> <script type="text/javascript" src="./dtree/dtree.js"></script> <script type="text/javascript" src="./js/jquery-1.5.1.min.js"></script> <script> dtreePath = './dtree/'; //我在dtree.js中加了这个变量,便于调整img路径                              //需要设置为dtree目录位置,底下有img目录 var tree; //tree必须为全局变量 $(document).ready(function(){ refreshTree(); }); /** * 点击菜单的操作,在后台Servlet返回的json数据中设置了url为javascript:showFolder(dir) */ function showFolder(dir) { alert(dir); } function refreshTree() { //生成新的树,ajax方式获取最新tree,每个json item表示一个节点 $.getJSON('OnlineFileManagerServlet',function(data){ tree = new dTree('tree'); //参数tree,表示生成的html代码中id的标记,不影响功能 tree.add(0,-1,'网络文件夹'); //树根 //遍历JSON中的每个entry $.each(data,function(entryIndex,entry){ tree.add(entry['id'], entry['pid'], entry['name'], entry['url']); }); $("#treeDiv").html(tree.toString()); }); } </script> </head> <body> <div class="dtree"> <p><a href="javascript: tree.openAll();">open all</a> | <a href="javascript: tree.closeAll();">close all</a></p> <div id="treeDiv"> </div> </div> </body></html>

?

?

读书人网 >JavaScript

热点推荐