Question

我之前的帖子很相似，但从那以后我获得了更多的成功。在下面的示例中，我的可拖动div已成功进入Fancytree。现在知道这是可能的，我需要将Datatable行放入其中。

我最初使用RowReordering插件来实现DataTables中的拖放功能，直到我遇到这个演示：http://www.mccran.co.uk/examples/datatables-drag-drop/而不是在tbody上使用sortable。所以Fancytree可以接受外部丢弃，DataTable可以放在桌面外 - 现在让它们一起工作。

如果移动表格行并将其放在表格中（在演示中），则可排序更新会正确警告。我还制作了一个备用放置目标，有时可以使用行放置。有任何想法吗？提前致谢

http://jsfiddle.net/s827x/43/

// make table rows draggable
    $("#pricetable tbody").sortable({
        cursor: "move",
        cursorAt: { top: -5, left: -5 },
        connectWith: "#tree", // not working
        connectToFancytree: true, // works for drag example below, but not here
        update: function(event, ui) {
            var id = ui.item.context.children[0].innerHTML;
            var title = ui.item.context.children[1].innerHTML;
            alert("Key: " +id + "\nTitle: " + title);
        }
    });

Answer 1

使用draggable解决它，而不是像上面的例子那样排序：

$('#pricetable').dataTable({
        "fnDrawCallback": function () {
            $("#pricetable tr").draggable({
                revert: true,
                cursor: "move",
                cursorAt: { top: -5, left: -5 },
                connectToFancytree: true
            });
        }
    });

http://jsfiddle.net/s827x/47/

将表格行放入Fancytree？

1 个答案: