代码之家  ›  专栏  ›  技术社区  ›  Arthur Frankel

HTML表中使用的三表jquery插件

  •  0
  • Arthur Frankel  · 技术社区  · 15 年前

    我在使用Treetable jquery插件时遇到问题( http://plugins.jquery.com/project/treeTable )在HTML表中。如果我试着拖拽物品,我的桌子就会消失。我的TreeTable在另一个HTML表中

    即。,

    它似乎设置所有的父母都可以删除。

    示例4.3(在插件文档中)与我正在使用的非常相似,但是在另一个HTML表/tr中。

    2 回复  |  直到 15 年前
        1
  •  1
  •   Arthur Frankel    15 年前

    实际上,我刚刚解决了这个问题。

    我意识到在我使用的三元代码中,它使用的是“parents”函数,因为上面有tr,所以假设它们是可丢弃的。我为tr添加了一个not(.ignorefropable)(如下所示)来忽略树表之外的tr(并将ignorefropable类添加到那些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();
          }
        }
      });
    });
    
        2
  •  0
  •   Chris    15 年前

    您可以一直使用US$('tableid')。查找(“.specificRow”)以向下钻取到表中的特定项。您可能需要这样做来标识您希望让TreeTable插件访问的特定表。

    祝你好运,希望能有所帮助。