昨天开始玩jQuery和jsTree插件,并且使用AJAX调用成功地加载了一个servlet。现在,我想让树在加载后打开所有节点,所以我在ajax属性中添加了一个成功函数。但是,我似乎无法让open_all()方法正常工作。我非常新的使用jQuery,所以我猜这是一件简单的事情,我做错了。
Firebug没有显示任何错误,排除了错误的方法名称的愚蠢错误。我检查了文件,我想我正在按照我所读的内容正确地做一切。树正在加载,但在页面加载后不打开所有节点。
我在Firefox 3.6.8上使用jQuery 1.4.2和jsTree 1.0rc2。
这是我用来加载树并尝试打开树中所有节点的代码:
// Create the tree object $("td#modelXML").jstree({ core : { "animation" : 0 },//xml_data : {"data" : "" + xml,"xsl" : "nest"},xml_data : {"ajax" : {"url" : "servlet/GetModelHierarchy","type" : "post","data" : { modelId : "" + modelId} },"xsl" : "nest","success" : function(){ $(this).open_all(-1); } },themes : {"theme" : "classic","dots" : true,"icons" : true},types : { "types" : { "category" : { "valid_children" : ["factor"] },"factor" : { "valid_children" : ["level"] },"level" : { "valid_children" : "none","icon" : { "image" : "${request.contextPath}/jsTree/file.png" } } } },plugins : ["themes","types","xml_data"] });
解决方法
你必须挂钩事件,然后调用open_all。
要使所有节点在加载时打开,请使用:
var tree = $("#id-or-selector-for-my-tree-element"); tree.bind("loaded.jstree",function (event,data) { tree.jstree("open_all"); });
在使用.jstree({…})初始化树之前,请执行上述操作。
如果刷新它,那么要让所有的节点再次打开,你必须使用:
tree.bind("refresh.jstree",data) { tree.jstree("open_all"); });