1. Rumah
  2. menu pohon jQuery EasyUI - penurunan kontrol menu pohon

Tutorial menu pohon jQuery EasyUI - penurunan kontrol menu pohon Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

menu pohon jQuery EasyUI - penurunan kontrol menu pohon

Ketika pohon (pohon) plug-in aplikasi, drag dan drop (drag) dan tempat (drop) persyaratan fungsional memungkinkan pengguna untuk mengubah posisi node. Aktifkan tarik (drag) dan tempat (drop) operasi, semua yang perlu Anda lakukan adalah meletakkan pohon (pohon) widget 'dnd' properti diatur ke benar.

Membuat menu tree (pohon) 

	$ ( '# Tt'). Pohon ({
		dnd: benar,
		url: 'tree_data.json'
	});

Ketika operasi ditempatkan pada node pohon, acara 'onDrop' akan dipicu, atau Anda harus melakukan lebih banyak operasi, seperti menyimpan keadaan node ke server jauh, dan sebagainya. 

	onDrop: function (targetNode, sumber, titik) {
        var targetId = $ (target) .tree ( 'getNode', targetNode) .id;
        $ Ajax ({
            url: 'id.',
            Jenis: 'post',
            dataType: 'json',
            Data: {
                id: source.id,
                targetId: targetId,
                Titik: Titik
            }
        });
    }

Ambil jQuery EasyUI contoh

jeasyui-tree-tree5.zip

Tutorial Panas

Hubungi kami

menu pohon jQuery EasyUI - penurunan kontrol menu pohon
10/30