以前にも同様の投稿がありましたが、それ以来、より多くの成功を収めています。次の例では、ドラッグ可能な div が Fancytree に正常にドロップされています。これが可能であることがわかったので、Datatable 行をそこにドロップする必要があります。
このデモに出くわすまで、最初は DataTables のドラッグ アンド ドロップ機能に RowReordering プラグインを使用していました: http://www.mccran.co.uk/examples/datatables-drag-drop/本体。したがって、Fancytree は外部のドロップを受け入れることができ、DataTable はテーブルの外部にドロップすることができます。これで、それらを連携させることができます。
テーブルの行を移動して (デモで) テーブル内にドロップすると、並べ替え可能な更新で正しく警告が表示されます。また、行のドロップで時々機能する別のドロップ ターゲットも作成しました。何か案は?前もって感謝します
// 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);
}
});