jQuery EasyUI Extensions - pohon Editable
jQuery EasyUI Diperpanjang
pemakaian
Buat pohon (pohon)
<Ul id = "tt"> </ ul> $ ( '# Tt'). Etree ({ url: 'tree_data.json', createUrl: ..., updateUrl: ..., destroyUrl: ..., dndUrl: ... });
Set url, createUrl, updateUrl, destroyUrl dan dndUrl atribut untuk secara otomatis mensinkronisasi klien dan server-side data.
- url: kembali data yang pohon.
- createUrl: Ketika membuat node baru di pohon ke server untuk melewati 'ParentID' parameter bernama, parameter ini menunjukkan simpul orangtua id.
Server harus kembali Data simpul menambahkan. Kode berikut menunjukkan menambahkan data contoh simpul:{ "Id": 1, "text": "simpul baru"}
- updateUrl: Ketika memperbarui node, pohon akan diteruskan ke server 'id' dan parameter 'teks'.
Server pembaruan operasi, dan mengembalikan data yang node diperbarui. - destroyUrl: Ketika sebuah node hancur, pohon akan diteruskan ke server 'id' parameter.
Server mengembalikan { "sukses": true} data. - dndUrl: Ketika menyeret dan menjatuhkan sebuah node, pohon akan server melewati parameter berikut:
id - node id diseret.
targetId - ditempatkan node.
Titik - menunjukkan bahwa drop, nilai yang mungkin: 'append', 'top' atau 'bawah'.
Server untuk melakukan beberapa tindakan, dan kembali { "sukses": true} data.
cara
Metode memperpanjang dari pohon (tree), berikut ini adalah pohon yang dapat diedit metode (etree) untuk menambahkan.
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
create | none | 创建一个新的节点。 |
edit | none | 编辑当前选中的节点。 |
destroy | none | 销毁当前选中的节点。 |
Ambil jQuery EasyUI contoh
jQuery EasyUI Diperpanjang