Question

最初我的JS树是

<div id="jstree">
<ul>
   <li>Name=
      <ul>
         <li>Deepanshu</li>
      </ul>
   </li>
</ul>
</div>

如果我将Deepanshu的name字段编辑为某个数字值，则在单击Submit按钮时，会发生rest api调用（这实际上会返回相同的html，并弹出一个弹出窗口，指出无效值）。在rest调用返回的html中，js树与单击rest调用之前的树相同。现在，如果我右键单击节点名称或节点Deepanshu进行编辑，删除，创建新节点等，则不会显示上下文菜单。

我正在使用的Java语言是

<script>
   $(function () {
    $('#jstree').jstree({
     "core" : {
         "check_callback" : true
     },
     "plugins" : [
         "state", "types", "contextmenu"
      ]
   });

   $('#jstree').on('changed_jstree', function (e, data) {
      console.log(data.selected);
   });
});
</script>

如果有人可以帮我解决这个问题，那就太好了。

Answer 1

检查您的html归档。.html归档的示例用法

<div id="plugins2" class="demo plugin-demo">
<ul>
    <li data-jstree='{"opened":true}'>Root node
        <ul>
            <li>Context click me</li>
        </ul>
    </li>
</ul>

之后，创建您的JSTree

<script>
$(function () {
    $("#plugins2")
        .jstree({
            "core" : {
                'force_text' : true,
                "check_callback" : true
            },
            "plugins" : [ "contextmenu" ]
        });
});
</script>

谨记；当您使用JSTree时，请注意ID字段

JS树上下文菜单插件

1 个答案: