Contrôle glisser-déposer du menu arborescent jEasyUI

Lors de l'utilisation du plug-in Tree dans une application, la fonctionnalité glisser-déposer est requise pour permettre à l'utilisateur de modifier la position des nœuds. Pour activer les opérations de glisser-déposer, il vous suffit de définir la propriété 'dnd' du plugin Tree sur true.

Créer un menu arborescent (Tree)

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

Lorsqu'une opération de dépôt se produit sur un nœud d'arbre, l'événement 'onDrop' sera déclenché et vous devrez effectuer une ou plusieurs opérations, comme enregistrer l'état du nœud sur le serveur distant, 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
            }
        });
    }

Télécharger l'instance jQuery EasyUI

jeasyui-tree-tree5.zip