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