Question

我在html表中使用treeTable jquery插件（http://plugins.jquery.com/project/treeTable）时遇到问题。似乎如果我尝试拖放项目，我的桌子就会消失。我的treeTable在另一个html表中

即，

看起来它将所有父母TR设置为可放置。

示例4.3（在插件文档中）与我正在使用的内容非常类似，但在另一个html table / tr中。

Answer 1

其实我刚刚解决了这个问题。

我意识到在我使用的treeTable代码中使用的是“父母”功能，因为上面有tr，所以假设它们是可以丢弃的。我为tr添加了一个not（.ignoreForDroppable）（如下所示）以忽略我的树表外的tr（并将类ignoreForDroppable添加到那些tr）。这样那些tr就不会掉线了。

// Configure droppable rows
$("#dnd-example .folder").each(function() {
  $(this).parents("tr:not(.ignoreForDroppable)")).droppable({
    accept: ".file, .folder",
    drop: function(e, ui) { 
      // Call jQuery treeTable plugin to move the branch
      $($(ui.draggable).parents("tr:not(.ignoreForDroppable)")).appendBranchTo(this);
    },
    hoverClass: "accept",
    over: function(e, ui) {
      // Make the droppable branch expand when a draggable node is moved over it.
      if(this.id != $(ui.draggable.parents("tr")[0]).id && !$(this).is(".expanded")) {
        $(this).expand();
      }
    }
  });
});

Answer 2

你总是可以$（'＃tableId'）。查找（'。specificRow'）以深入查看表格中的特定项目。您可能必须这样做以确定您希望treeTable插件可以访问的特定表。

祝你好运，希望这会有所帮助。

在html表中使用的TreeTable jQuery插件

2 个答案: