jsTree中如何加载子节点

Question

抱歉我的英语不好，我的系统想要将 javascript 树从 KoolTreeView 更改为 jsTree，我阅读了文档并实现了它。结果是这样的

Food

* Fish
* Beef
* Chicken

我的 javascript 和 div 代码

<script class="source" type="text/javascript">
 $(function () {
  $("foodtree").jstree({
   "core" : { "initially_open" : [ "root" ] },
   "html_data" : {
     "ajax" : {
       "url" : "menu/menu/listfoodtree"
      }
   },
   "plugins" : [ "themes", "html_data" ]
  });
 });
</script>';

<div id="foodtree"></div>

About url of “menu/menu/listfoodtree” 创建了纯 html：

<li id="root"><span>Food</span>

<ul>
<li id="food14"><a href="menu/menu/listfish/1">Fish</a></li>
<li id="food13"><a href="menu/menu/listbeef/1/13">Beef</a></li>
<li id="food1"><a href="menu/menu/listchick/11">Chicken</a></li>
</ul>

</li>

结果显示正确（使用 jsTree），我的理想情况是单击该项目来加载子节点，如下

# Food

    * Fish (href='/menu/menu/listfish/1')
      * Tuna
      * Salmon 
    * Beef
    * Chicken

所示我有 url“/menu/menu/listfish/1”创建了纯 html：

<li id ='fish44'><span>Tuna</span></li>
<li id ='fish66'><span>Salmon</span></li>

但我不知道如何实现它，单击 Fish 并显示 url 中的子节点。您能给我任何建议或指导吗？

Answer 1

您在树标题中指定 ajax url，它将 nodeid 作为参数传递。使用该 nodeid，您应该传回该节点的新 json，树会将其作为子节点添加到所选节点。

父节点必须将其状态在 json 中定义为“state”：“open”，否则树将不会调用服务器。

您无法为每个节点指定不同的 url，但您可以为树指定一个主 url，并将服务器页面重定向到您想要从中获取数据的 url。