JSTREE，精确移动位置

Question

我想在树视图内拖放树节点时显示明确的工具提示。

例如：“节点 1 将在节点 2 之前/之后/内部移动”

从 move_node 回调参数中，我们可以获取位置（“之前/之后/内部”），但不能从 check_move 回调中获取（也不能从prepare_move 中获取）。 拖放时应显示工具提示，因此 move_node 为时已晚。

当将外部对象拖放到树视图时，同样的问题，来自 dnd 插件的 Drag_check 回调没有有关位置的信息（我们只知道目标节点，但不知道它是在之前、之后还是内部）。 在这种情况下，即使对于 Drag_finish 回调，我们也没有信息。

有人可以帮我解决这个问题吗？

Answer 1

我刚刚测试了这个，它在prepare_move上对我来说工作正常...

.bind("prepare_move.jstree",function(event, data) {
        console.log("o : " + data.rslt.o.attr("id"));
        console.log("r : " + data.rslt.r.attr("id"));
        console.log("p : " + data.rslt.p);
 })

记录的内容

o : item_3
r : item_2
p : inside

这就是我正在使用 JSTree v1.0RC2

Answer 2

这里我用 jQuery 插件 jDialog 来实现它（或者你可以用一个简单的 jAlert 函数替换它）：

.bind("move_node.jstree", function (e, data) {
  var id = data.rslt.o.attr("id").replace("node_","");
  var name = data.inst.get_text(data.rslt.obj);

  jConfirm('Moving node name:' + name, 'dialog title'), function(answer) {
    if (answer == true){           
      $.post("/js_trees/"+ id,
        {
          "_method" : "put",
          "operation" : "moving_my_node",
          "id" : data.rslt.o.attr("id").replace("node_",""),
          "ref" : data.rslt.np.attr("id").replace("node_",""),
          "position" : data.rslt.cp,
          "title" : data.rslt.name,
          "copy" : data.rslt.cy ? 1 : 0
        },
        function (r) {
          if(!r.status) {
            $.jstree.rollback(data.rlbk);
          } else {
            $(data.rslt.oc).attr("id", "node_" + r.id);
            if(data.rslt.cy && oc.children("UL").length) {
              data.inst.refresh(data.rslt.oc);
            }
          }
        }
      );        
    }else{
      $.jstree.rollback(data.rlbk);
    }
  });
})