jquery - Dynatreeツリーの変更時にサーバーにデータを送り返す方法

Question

ASP.NETおよびMVC4でDynatreeを使用していますが、サーバー側からのデータでツリーを初期化できました。

私の質問は、特定のツリーの変更でサーバーにデータを送り返す方法です。（たとえば、ノードの編集、切り取り、コピー、貼り付け、ドラッグアンドドロップなど）

見るべき実用的な例はありますか？

Answer 1

最も簡単な方法はAjax、サーバーを呼び出して、対応するdynatreeイベントハンドラーから関連データを渡すことです。たとえば、ドラッグアンドドロップの場合、次のように実行します。

$("#tree").dynatree({
    dnd: {
        onDrop: function(node, sourceNode, hitMode, ui, draggable) {
            $.ajax({
                type: "POST",
                url: [url],
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify(node.data),
                success: function (arg) {
                    alert(JSON.stringify(arg));
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    alert(JSON.stringify(xhr.responseText));
                }
        }
    }
});