0

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

我最初在 DataTables 中使用 RowReordering 插件来实现拖放功能，直到我遇到这个演示：http ://www.mccran.co.uk/examples/datatables-drag-drop/它在身体。所以 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);
        }
    });
4

1 回答 1

0

使用可拖动而不是像上面的示例那样可排序来解决它：

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

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

于 2014-11-20T19:10:09.800 回答