jQuery EasyUI Menú de árbol -Control de arrastrar y soltar del menú de árbol

Cuando se utiliza el complemento de árbol (Tree) en una aplicación, las funciones de arrastrar (drag) y soltar (drop) requieren permitir a los usuarios cambiar la posición de los nodos. Para habilitar las operaciones de arrastrar (drag) y soltar (drop), todo lo que necesita hacer es establecer la propiedad 'dnd' del complemento de árbol (Tree) en true.

Crear un menú de árbol (Tree)

    $('#tt').tree({
        dnd: true,
        url: 'tree_data.json'
    });

Cuando se produce una operación de soltar en un nodo del árbol, se activará el evento 'onDrop'. Debe realizar una o más operaciones, como guardar el estado del nodo en el servidor remoto, etc.

    onDrop: function(targetNode, source, point){
        var targetId = $(target).tree('getNode', targetNode).id;
        $.ajax({
            url: '...',
            type: 'post',
            dataType: 'json',
            data: {
                id: source.id,
                targetId: targetId,
                point: point
            }
        });
    }

Descargar ejemplos de jQuery EasyUI

jeasyui-tree-tree5.zip