jQuery EasyUI 樹形菜單 – 樹形菜單拖放控制

jQuery EasyUI 樹形菜單 - 樹形菜單拖放控制

本節(jié)教你如何實現jQuery EasyUI樹形菜單（Tree）的拖放控制。

當在一個應用中使用樹（Tree）插件時，用戶可以通過拖拽（drag）和放置（drop）功能來改變節(jié)點位置。啟用拖拽（drag）和放置（drop）操作的方法是，把樹（Tree）插件的'dnd'屬性設置為true。

創(chuàng)建樹形菜單（Tree）

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

當在一個樹節(jié)點上發(fā)生放置操作，'onDrop'事件將被觸發(fā)，您應該做一些或更多的操作，例如保存節(jié)點狀態(tài)到遠程服務器端，等等。

	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
            }
        });
    }

下載 jQuery EasyUI 實例

jeasyui-tree-tree5.zip