kawalan seret dan lepas menu pokok jEasyUI


Apabila menggunakan pemalam Tree dalam aplikasi, fungsi seret dan lepas diperlukan untuk membolehkan pengguna menukar kedudukan nod. Untuk mendayakan operasi seret dan lepas, anda hanya perlu menetapkan sifat 'dnd' pemalam Tree kepada benar.

109.png

Buat menu pokok (Pokok) 

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

Apabila operasi jatuh berlaku pada nod pokok, peristiwa 'onDrop' akan dicetuskan dan anda harus melakukan beberapa atau lebih operasi , seperti menyimpan status nod ke pelayan jauh, dsb. 

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

Muat turun contoh jQuery EasyUI

jeasyui-tree-tree5.zip