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