3

我一直在使用 Ludo 的出色jquery 插件 treetable,但在他们的高级示例中遇到了限制,我无法弄清楚。

基本上,在此处提供的最后一个示例中——http: //ludo.cubicphuse.nl/jquery-treetable/——他们说明了使用 jQuery UI 的可拖动和可放置来使您能够在树中移动事物。

然而,据我所知,限制是您不能将事情拖到根级别。以下是示例中的 UI 代码:

// Drag & Drop Example Code
  $("#example-advanced .file, #example-advanced .folder").draggable({
    helper: "clone",
    opacity: .75,
    refreshPositions: true, // Performance?
    revert: "invalid",
    revertDuration: 300,
    scroll: true
  });

  $("#example-advanced .folder").each(function() {
    $(this).parents("tr").droppable({
      accept: ".file, .folder",
      drop: function(e, ui) {
        var droppedEl = ui.draggable.parents("tr");
        $("#example-advanced").treetable("move", droppedEl.data("ttId"), $(this).data("ttId"));
      },
      hoverClass: "accept",
      over: function(e, ui) {
        var droppedEl = ui.draggable.parents("tr");
        if(this != droppedEl[0] && !$(this).is(".expanded")) {
          $("#example-advanced").treetable("expandNode", $(this).data("ttId"));
        }
      }
    });
  });

有谁知道如何做到这一点?我一直在尝试破解它一段时间,但我是插件的新手,还没有做到这一点。

4

0 回答 0